Can font-display CSS feature be controlled through Webflow?

Yes, font-display CSS feature can be controlled through Webflow. Webflow provides a user-friendly interface that allows you to easily adjust the font-display property for your fonts.

The font-display property controls how a font is displayed when it is being downloaded or is unavailable. It helps to provide a good user experience by ensuring that text remains visible, even when the fonts are still loading or if there are issues with font loading.

To control the font-display property in Webflow, follow these steps:

1. Select the element that you want to apply the font-display to, such as a heading or paragraph.
2. In the styles panel on the right-hand side, click on the "+" icon to add a new custom style.
3. In the custom styles panel, click on the "+" icon next to the "Typography" section to add a new typography style.
4. In the typography style settings, scroll down to find the "Advanced" section.
5. In the "Advanced" section, click on the "Add Property" button.
6. Type "font-display" in the property name field.
7. Select the desired value for the font-display property from the dropdown menu. The available options are auto , block , swap , fallback , and optional .
8. Save the changes.

By adjusting the font-display property in Webflow, you have control over how fonts are displayed and loaded on your website, ensuring a better experience for your users.

Optimized questions for search:

1. How can the font-display CSS feature be controlled in Webflow?
2. What are the steps to adjust the font-display property in Webflow?
3. Can Webflow be used to customize the font-display property for fonts?