cancel
Showing results for 
Search instead for 
Did you mean: 
Subscribe

How can I embed additional fonts using CSS @font-face rule?

Thanks.

0 Likes
View Entire Topic
Former Member
0 Likes

Hi muraly,

in the w3schools they provide this information

http://www.w3schools.com/css3/css3_fonts.asp

They first create the fontfamily with this line

@font-face

{

font-family: myFirstFont;

src: url(sansation_light.woff);

}

and then in a css class you can insert this line

font-family:myFirstFont;

You have to try out though if this is supportes in the custom css upload file.

kind regards,

Jeroen

they explain how you can refer to an url for the source font of a font family

murali_balreddy
Active Participant
0 Likes

Yes. That is what I tried. It does not work within the Studio and IE but with Chrome and Safari it works, if the fonts are hosted externally and referenced in the custom CSS. Storing locally along with CSS file did not work.

Generated web pages are different for the browsers and works differently.

Former Member
0 Likes

Hm,

have to try that out myself. Did you mean you made an design studio app with the font family and it works in chrome/safari but not IE?