Własna czcionka na stronie HTML/CSS

pytanie zadane 2 lutego 2019 w HTML i CSS przez GaryNJ Nowicjusz (240 p.)

Cześć mam zapewne dla wielu z was proste pytanie. Programowałem sobie portfolio wiadomo początek zabawy z kodem wszystko elegancko działało po wrzuceniu na serwer czcionka, którą dodałem się nie wczytuje. Dodałem sobie w katalogach strony folder fonts i tam są wrzucone pliki poniżej kod.

To jest w index

<p class="hi">CZEŚĆ, JESTEM</p>

Tak mam ustawione w CSS dla tej konkretnej klasy

p.hi {
  
    font-size: 17px;
    font-family: "Gilroy";
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 6.648;
    -moz-transform: matrix( 2.353343124534,0,0,2.35334312453401,0,0);
    -webkit-transform: matrix( 2.353343124534,0,0,2.35334312453401,0,0);
    -ms-transform: matrix( 2.353343124534,0,0,2.35334312453401,0,0);
    position: absolute;
    left: 1192px;
    top: 205.188px;
    letter-spacing: 2px;

Tak na samym początku mam skonfigurowane wczytywanie czcionki

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/gilroyextrabold.eot');
    src: url('fonts/gilroyextrabold.eot') format('embedded-opentype'),
    src: url('fonts/gilroyextrabold.woff2') format('woff2'),
         url('fonts/gilroyextrabold.woff') format('woff'),
         url('fonts/gilroyextrabold.ttf') format('truetype'),
         url('fonts/gilroyextrabold.svg#gilroyextrabold') format('svg');
}

Zapewne pytanie z tych prostych ale nie mogę znaleźć rozwiązania, czcionki nie ma na google fonts dlatego chce ją wczytywać z serwera.

3 odpowiedzi

odpowiedź 2 lutego 2019 przez pablop76 VIP (123,120 p.)

Jeżeli czcionki są poprawnie wygenerowane i umieszczone w folderze to jedyny powód jaki przychodzi na myśl to niepoprawna ścieżka. Bez znajomości struktury katalogów mogę tylko podpowiedzieć żebyś spróbował ../fonts lub /fonts jeżeli zagnieżdżenie jest głębsze to ../../fonts itd. adres bezwzględny, adres względny

Pokaż 6 poprzednich komentarzy

komentarz 2 lutego 2019 przez GaryNJ Nowicjusz (240 p.)

http://marg-soft.com/fonts/

Jest tutaj gilroyextrabold

komentarz 2 lutego 2019 przez pablop76 VIP (123,120 p.)

No jest . W inspektorze jej nie widać. Może problem z wygenerowanymi czcionkami? Ona nie jest w pełni darmowa.

komentarz 2 lutego 2019 przez GaryNJ Nowicjusz (240 p.)

Spróbuję znaleźć inną podobną na google fonts czy squirrel i zobaczymy. Tylko jak szukać czcionek z polskimi znakami?? bo próbowałem i na squirrel jak wybiorę Polish to wcale nie ma czcionek z polskimi znakami tylko też takie, które nie mają

komentarz 2 lutego 2019 przez pablop76 VIP (123,120 p.)

Musisz zaznaczyć fonts googl w zakładce Languages - Latin Extanded a na fontsquirrel jest Languages - Polish

komentarz 2 lutego 2019 przez GaryNJ Nowicjusz (240 p.)

Dziękuje za pomoc w takim razie i zobaczymy co mi z tego wyjdzie.

odpowiedź 2 lutego 2019 przez Tomek Sochacki Ekspert (227,510 p.)

a sprawdzaleś w devtoolsach czy w ogóle czytuje Ci fonty? zakladka Network, wybierz "all" i przefiltruj sobie po nazwie plików z fontami.

komentarz 2 lutego 2019 przez GaryNJ Nowicjusz (240 p.)

www.marg-soft.com

i tak np. nie wczytuje w Menu też tego Cześć, jestem bo to jest inna czcionka.

Chyba w ogóle jej nie wczytuje tylko nie wiem czemu ;/