Can I select between old-style figures and lining figures in Webflow for this font? If not, how can I set a specific glyph as the standard before uploading the font?

Published on
September 22, 2023

Unfortunately, Webflow does not have a built-in feature to select between old-style figures and lining figures for fonts. However, there are a few alternative methods you can use to achieve this effect:

  1. Pre-select glyphs: Before uploading the font to Webflow, you can use a font editing software like Adobe Illustrator or Glyphs to pre-select the desired glyphs for old-style and lining figures. You can then upload the modified font file to Webflow, ensuring that the specific glyphs you want are included.

  2. CSS styling: Once you have uploaded the font in Webflow, you can use CSS styling to target and style specific glyphs. You can use the ::before or ::after pseudo-elements to add content before or after an element and style it accordingly.

  3. Custom code: If you have coding experience, you can use custom code to implement the desired figures. You can use CSS font-feature-settings to enable specific features of the font, including selecting between old-style figures and lining figures. This method requires additional coding and may not be suitable for users without coding knowledge.

  4. External font services: Another option is to use external font services like Adobe Fonts (previously Typekit) or Google Fonts. These services often provide more control over font features, including the ability to select between different figure styles. You can embed the font provided by these services in your Webflow site using the appropriate integration methods.

It's important to note that these methods may require additional technical knowledge and might not be as straightforward as selecting an option within Webflow. However, with careful implementation, you can achieve the desired effect of using old-style figures or lining figures in your Webflow site.

Additional Questions:

  1. How can I modify a font to include specific glyphs in Webflow?
  2. Can I use CSS to change the style of specific characters in Webflow?
  3. What are some external font services that I can use in Webflow to have more control over font features?