# GuidelineDesignSettingsInlineTypeStyle

> Type in domain **Guidelines**

- HTML: [GuidelineDesignSettingsInlineTypeStyle.html](GuidelineDesignSettingsInlineTypeStyle.html)
- Raw SDL: [GuidelineDesignSettingsInlineTypeStyle.sdl](GuidelineDesignSettingsInlineTypeStyle.sdl)
- Covered by: [llms.txt](../llms.txt)

## Fields

- `key`: `String!` _(beta)_ — The type style key, e.g.: "heading1"
- `fontFamily`: `GuidelineDesignSettingsTypeStyleFontFamily` _(beta)_ — The font family
- `fontSize`: `String!` _(beta)_ — The size of the font, e.g.: "12px", "24pt", "2em". Supported units: px, pt, pc, in, mm, cm, em, rem, %, vw, vh
- `fontWeight`: `String!` _(beta)_ — The weight of the font, e.g. "100", "200", "300", "400", "500", "600", "700", "800", "900"
- `letterSpacing`: `String!` _(beta)_ — The horizontal spacing behavior between text characters, e.g.: "normal", "0.1em" or "10px". Supported units: "px", "em", "rem", "%"
- `lineHeight`: `String!` _(beta)_ — Line height
- `isUppercase`: `Boolean!` _(beta)_ — Whether the text is uppercase
- `isItalic`: `Boolean!` _(beta)_ — Whether the text is italic
- `isUnderline`: `Boolean!` _(beta)_ — Whether the text is underlined
- `textColors`: `[GuidelineDesignSettingsTypeStyleTextColor]!` _(beta)_ — The colors of the text

## Reach via

Example queries that can return this type from the root `Query`.

### `brand › guidelines › designSettings › typeStyles`

```graphql
query BrandGuidelinesDesignSettingsTypeStyles {
  brand(id: "…") {
    guidelines(limit: 25, page: 1) {
      items {
        designSettings {
          typeStyles {
            ... on GuidelineDesignSettingsInlineTypeStyle {
              __typename
              fontFamily {
                name
                provider
              }
              fontSize
              fontWeight
              isItalic
              isUnderline
              isUppercase
              key
              letterSpacing
              lineHeight
              textColors {
                color
                colorSchemeId
                isDefault
              }
            }
          }
        }
      }
    }
  }
}
```

Raw: [`BrandGuidelinesDesignSettingsTypeStyles-GuidelineDesignSettingsInlineTypeStyle.sdl`](../examples/BrandGuidelinesDesignSettingsTypeStyles-GuidelineDesignSettingsInlineTypeStyle.sdl)

### `brands › guidelines › designSettings › typeStyles`

```graphql
query BrandsGuidelinesDesignSettingsTypeStyles {
  brands {
    guidelines(limit: 25, page: 1) {
      items {
        designSettings {
          typeStyles {
            ... on GuidelineDesignSettingsInlineTypeStyle {
              __typename
              fontFamily {
                name
                provider
              }
              fontSize
              fontWeight
              isItalic
              isUnderline
              isUppercase
              key
              letterSpacing
              lineHeight
              textColors {
                color
                colorSchemeId
                isDefault
              }
            }
          }
        }
      }
    }
  }
}
```

Raw: [`BrandsGuidelinesDesignSettingsTypeStyles-GuidelineDesignSettingsInlineTypeStyle.sdl`](../examples/BrandsGuidelinesDesignSettingsTypeStyles-GuidelineDesignSettingsInlineTypeStyle.sdl)