Streaming live at 10am (PST)

Custom fonts don't work when I export the code


#1

BS"D

Shalom

Websites Discussed
http://leavesofmedicine.webflow.io/
http://www.leavesofmedicine.com/

Shared Link:
https://preview.webflow.com/preview/leavesofmedicine?preview=793dd4b88cebd0bfa5b621cc7f28e660

The webflow version of the site looks great. When I export the code to the real version of the site at http://www.leavesofmedicine.com, the custom fonts which I uploaded don't show up. They used to and now they don't. I therefore upload new and different fonts but it still doesn't show in the exported version.
I also tried waiting some time to see if it would update, and also deleting all my files on my server. Nothing helps.

Here is a custom font example from the CSS file that webflow generates.

@font-face {
font-family: 'Hadasimclm';
src: url('../fonts/HadasimCLM-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'David clm bold';
src: url('../fonts/DavidCLM-Bold.ttf') format('truetype');
font-weight: 800;
font-style: normal;}

Thanks
Yoram Aharon


#2

Hi, you need more than the ttf font for the embed fonts to work. You also need a Woff version, EOT version, SVG version...

Provided you own the licence for your ttf font, you can use FontSquirrel generator to generate the web fonts.

http://www.fontsquirrel.com/tools/webfont-generator

Note that it's better to identify and download/buy an already optimized for the web set of font rather that using a generator. You can try to find a font alternative on FontSquirrel and download the set of web fonts. Then upload each font fil in Webflow.


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.