Problem z @font-face

[mlyngraf]

Cześć. Buduję stronę na szablonie Gantry5 - Helium Theme. Jest tam możliwość dodania dwóch Google Fonts

Ja chciałbym dodać jeszcze swoje fonty pobrane z sieci. Za pośrednictwem SCSS dodałem skrypt:

@font-face {
font-family: 'didonesque-roman';
src: url('..fonts/didonesque_roman_macroman/didonesque-roman-webfont.woff2') format('woff2'),
url('..fonts/didonesque_roman_macroman/didonesque-roman-webfont.woff') format('woff');
font-weight: normal;
font-style: normal; }


Dodałem fonty do odpowiedniego folderu na serwerze. Mimo to font nie wyświetla mi się na stronie w tekście w którym próbuję go ustawić.

Proszę o pomoc. Może pomijam jakąś czynność?

Pozdrawiam

[siristru]

URL jest niepoprawny:


src: url('..fonts/didonesque_roman_macroman/didonesque-roman-webfont.woff2') format('woff2'),

Raczej powinno być:


src: url('../fonts/didonesque_roman_macroman/didonesque-roman-webfont.woff2') format('woff2')

Slash / przed font.

Upewnij się, że ścieżka jest poprawna.

Dodawanie wiele czcionek na stronie to nie najlepszy pomysł. Dobrą praktyką są góra dwie/trzy czcionki. Ma to wpływ nie tyle na czytelność (jeśli wybierzesz jakieś fikuśne) ale na czas ładowania strony i ilość tworzenia żądań.