Niestandardowe czcionki wgrywają się tylko lokalnie.

pytanie zadane 26 kwietnia 2017 w HTML i CSS przez tatar Użytkownik (740 p.)

Witam,

chcę wgrać na stronę niestandardowe czcionki. Stronę zrobiłam lokalnie, wszystko działa prawidłowo jednak po wgraniu na serwer czcionki źle się wczytują. Podegrałam fonty w CSS:

@font-face {
    font-family: 'Grotesk';
    src: url('../libs/Grotesk/eot/Grotesk-Regular.eot') format('eot');
    src: url('../libs/Grotesk/eot/Grotesk-Regular.eot?#iefix') format('embedded-opentype'), 
    	 url('../libs/Grotesk/woff/Grotesk-Regular.woff') format('woff'),
    	 url('../libs/Grotesk/ttf/Grotesk-Regular.ttf') format('ttf'),
    	 url('../libs/Grotesk/svg/Grotesk-Regular.svg') format('svg');
    font-weight: 400;
    font-style: normal;}
@font-face {
    font-family: 'Grotesk';
    src: url('../libs/Grotesk/eot/Grotesk-Medium.eot') format('eot');
    src: url('../libs/Grotesk/eot/Grotesk-Medium.eot?#iefix') format('embedded-opentype'),
    	 url('../libs/Grotesk/woff/Grotesk-Medium.woff') format('woff'),
    	 url('../libs/Grotesk/ttf/Grotesk-Medium.ttf') format('ttf'),
    	 url('../libs/Grotesk/svg/Grotesk-Medium.svg') format('svg');
    font-weight: 500;
    font-style: normal;}
@font-face {
    font-family: 'Grotesk';
    src: url('../libs/Grotesk/eot/Grotesk-Bold.eot') format('eot');
    src: url('../libs/Grotesk/eot/Grotesk-Bold.eot?#iefix') format('embedded-opentype'),
    	 url('../libs/Grotesk/woff/Grotesk-Bold.woff') format('woff'),
    	 url('../libs/Grotesk/ttf/Grotesk-Bold.ttf') format('ttf'),
    	 url('../libs/Grotesk/svg/Grotesk-Bold.svg') format('svg');
    font-weight: 700;
    font-style: normal;}
@font-face {
    font-family: 'Grotesk';
    src: url('../libs/Grotesk/eot/Grotesk-Ultra.eot') format('eot');
    src: url('../libs/Grotesk/eot/Grotesk-Ultra.eot?#iefix') format('embedded-opentype'),
    	 url('../libs/Grotesk/woff/Grotesk-Ultra.woff') format('woff'),
    	 url('../libs/Grotesk/ttf/Grotesk-Ultra.ttf') format('ttf'),
    	 url('../libs/Grotesk/svg/Grotesk-Ultra.svg') format('svg');
    font-weight: 800;
    font-style: normal;}

Bardzo proszę o pomoc.

Pozdrawiam,

1 odpowiedź

odpowiedź 26 kwietnia 2017 przez Kornelia Kobiela Nałogowiec (33,340 p.)

Spróbuj zacząć ścieżkę dostępu od :

./../libs

Powinno pomóc. A poza tym, nie lepiej wgrywać fonty wprost od Googla?

komentarz 26 kwietnia 2017 przez tatar Użytkownik (740 p.)

Niestety nie działa :(

Ten font nie jest od Google, dlatego mam teraz mały problem

komentarz 26 kwietnia 2017 przez Kornelia Kobiela Nałogowiec (33,340 p.)

A co pokazują dev-toolsy?

komentarz 26 kwietnia 2017 przez tatar Użytkownik (740 p.)

W konsoli na Chrome pokazuje "Failed to load resource: the server responded with a status of 404 (Not Found)" dla każdej grubości czcionki z rozszerzeniem "woff"