How can I access the SmallCaps in my API font export in Webflow?
To access the SmallCaps in your API font export in Webflow, follow these steps:
Upload your API font: Start by uploading your API font file to your Webflow project. You can do this by going to the "Fonts" tab in the project settings and clicking on the "Upload font" button. Make sure to include all the necessary font file formats (e.g., .woff, .woff2, .ttf).
Enable SmallCaps: Once your API font is uploaded, go to the "Font Styles" section in the project settings. Here, you can define different font styles for different elements in your site. Locate the font style that you want to apply SmallCaps to and click on the three dots to edit it.
Access the typography settings: In the typography settings for the font style, you'll find various options to modify the appearance of the text. Scroll down to the "Font Variations" section.
Enable SmallCaps: In the font variations section, you'll see a checkbox labeled "Small Caps." Check this box to enable the SmallCaps feature for that specific font style.
Apply SmallCaps to elements: With SmallCaps enabled, you can now apply it to specific elements on your site. Simply select the element you want to style, and in the typography settings panel, choose the font style you edited in step 2.
Publish your site: After applying SmallCaps to your desired elements, make sure to publish your site for the changes to take effect and be visible on the live site.
By following these steps, you'll be able to access and use the SmallCaps feature in your API font export within Webflow. It's important to note that not all API or custom fonts support SmallCaps, so make sure the font you're using has this feature available in order to access it in Webflow.
Additional questions:
- How do I upload a custom font in Webflow?
- What other font variations can be enabled in Webflow?
- Can I use SmallCaps in the Webflow Designer or just on the published site?
