Version:

    Font and color properties

    Set the Font family, Font weight and Font color.

    Font family

    Set the font family to be applied to text.

    Options and behavior:

    • Font families are set-up within Website settings > Font libraries
    • Font families shown in the list will include all fonts set-up within your font stack
    • If no font family is selected, the font family will be inherited from a base style or your Default font settings

    You only need to select a font family if you want to select a specific font to be applied to the element.
    Find more information at https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow?v=a

    Font weight

    Set if the weight of the font applied to the element. The font weights available depend on the font family you are using.

    Expected value:

    • Numeric values - Set the font weight using a numeric value available for the font family
    • Keyword values - Set the weight using a keyword. This is usually Normal or Bold
      • Normal is the same as 400
      • Bold is the same as 700
      • Strong can also be used and is equivalent to bold

    If you want to use different numeric font weights for normal and bold you can specify them as child elements Normal and Strong.
    Find more information at https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight

    Font color

    Set the color of the font. If you want to manage your font color globally, select a color from your color palette. This is defined in Color palette in Website settings.

    Expected value:

    • Select a color from the color palette
    • Gradient colors are not accepted

    Find more information at https://developer.mozilla.org/en-US/docs/Web/CSS/color

    When you enter a number into a property field it will be interpreted as a pixel value. If you have kept the default recommended setting of 'Convert PX to REM' in Base unit settings then pixel values will be converted to REM's. To use a different unit from pixels, type the unit after the number E.g. 1.5em, 50%, 50vh, 50vw. Click here for a list of units and their browser support.

    DX8 knowledge base icon

    Frequently asked questions

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket

    Acquia

    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.