Webflow sync, pageviews & more.
NEW
Answers

What is the URL of the custom fonts from Webflow, such as 'HK Grotesk', that can be obtained for use in the CSS Editor of Acuity Scheduling?

Webflow does not provide a specific URL for the custom fonts it uses, as its font functionality works using @font-face rules in CSS. However, you can obtain the URL for the font files by inspecting the CSS code in Webflow.

To use a custom font like 'HK Grotesk' in the CSS Editor of Acuity Scheduling, you'll need to follow these steps:

1. Access the Webflow project where you have added the 'HK Grotesk' font.
2. Navigate to the Designer and select the element where you have applied the 'HK Grotesk' font.
3. Open the Typography panel on the right-hand side and click on the font dropdown.
4. Scroll down to the bottom of the font list and click on the "Manage Fonts" option.
5. In the Webflow Fonts Manager, find the entry for the 'HK Grotesk' font and click on the three-dot menu to the right.
6. Select the "Copy CSS" option to copy the CSS code for the 'HK Grotesk' font.
7. Open the CSS Editor in Acuity Scheduling and paste the copied CSS code.

The CSS code that you copied should include the @font-face rule, which contains the URL(s) of the font file(s) used by 'HK Grotesk'. Typically, the font files will be in various formats like .woff, .woff2, .ttf, etc., and they will be hosted on Webflow's servers.

Please note that copying and using the @font-face CSS code from Webflow in another platform might violate Webflow's terms of service. It's important to check the licensing and usage restrictions of the 'HK Grotesk' font to ensure you have permission to use it outside of the Webflow platform.

Rate this answer

Other Webflow Questions