Nezobrazují se ikonky Awesome v Safari

4.3.2015

Dnes jsem narazil na problém že se mi nezobrazují v prohlížeči Safari na jedné prezentaci ikonky řešené pomocí fontu Awesome. Řešení spočívalo v tom že bylo nutné k souborům fontů ve formátech ttf, woff přidat ještě formát svg a přidat jeho načtení do css souboru viz. ukázka:

@font-face {
font-family: ‚Awesome Web Font‘;
src: url(„fonts/AwesomeWebFonts.woff“) format(‚woff‘), url(„fonts/AwesomeWebFonts.ttf“) format(‚truetype‘), url(„fonts/AwesomeWebFonts.svg“) format(‚svg‘);
font-weight: normal;
font-style: normal;
}

K převodu souboru fontu do SVG jsem jednoduše použil tento online konvertor ttf to svg converter

Design Green Cat

Martin Herčík - Design Green Cat
Martin Herčík - Design Green Cat
Jugoslávských partyzánů 34
160 00 Praha 6
E-mail: info@design-green-cat.com
Tel.: +420 777 131325
IČO: 70334692

Kontaktujte nás

Vaše jméno (vyžadováno)

Váš email (vyžadováno)

Předmět

Vaše zpráva