Google fonts działają tylko lokalnie

Odpowiedz Nowy wątek
2017-08-26 00:12
0

Witam. Mam nadzieję, że nakierujecie mnie na właściwe tory. W mojej aplikacji django staram się wyświetlić fragmenty czcionką "Audiowide". W pliku html wstawiłem po prostu:

<link href="https://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet" type="text/css">

i na localhoscie wszystko działa tak jak powinno. Problem pojawił się jak wrzuciłem stronę na serwer. Niestety czcionka się nie wczytuje. W konsoli nie widzę żadnych błędów.
Ponadto mam w pliku jeszcze coś takiego:

<tr class="bg-text success" data-bg-text="premium">

i css do tego:

.bg-text {
    position: relative;
    /*width: 400px;*/
    overflow: hidden;

}
.bg-text::after {
    color: #C2C424;
    content: attr(data-bg-text);
    display: block;
    font-size: 40px;
    line-height: 1;
    transform:rotate(25deg);
    position: absolute;
    bottom: 55px;
    right: 20px;
    opacity: 0.2;
}

Wszystko działa lokalnie. Na serwerze zarówno czcionka, jak i tekst w tle pola tabeli się nie wyświetla. Gdzie szukać błędu?

Pozostało 580 znaków

2017-08-26 09:25
0

to jest fajny font, sam używam czasami :)
a dołączyłeś font-family: 'Audiowide', cursive; do css?


Pozostało 580 znaków

2017-08-26 09:37
0

Jeśli używasz Chrome, sprawdź w Dev Toolsach, zakładka Network czy ten plik css od googla się ładuje. W innej przeglądarce też powinno dać się to sprawdzić w podobny sposób.


Pozostało 580 znaków

2017-08-26 10:29
0

a dołączyłeś font-family: 'Audiowide', cursive; do css?

Oczywiście. Na localhoscie i na serwerze kod jest ten sam. Na localu działa tak jak powinno, na serwerze niestety nie.

Jeśli używasz Chrome, sprawdź w Dev Toolsach, zakładka Network czy ten plik css od googla się ładuje.

Wygląda na to, że się nie ładuje. Tylko jaka jest tego przyczyna?

Zauważyłem jeszcze (w Dev Toolsach), że na localu w zakładce sources mam: fonts.googleapis.com oraz fonts.gstatic.com. Na serwerze tylko to pierwsze.

Pozostało 580 znaków

2017-08-26 10:34
0

nie znam Django, ale czy przypadkiem w nim jak w większości FW nie musisz ustawić url odpowiednio?
https://www.tutorialspoint.com/django/django_url_mapping.htm
może się nie ładuje bo po prostu nie widzi?


Pozostało 580 znaków

2017-08-26 10:38
0

Nie - to nie o to chodzi. Czcionka powinna się załadować w headzie (tam jest link to tej czcionki). Urle z podanego linku nie mają nic do tego. Jak otwieram źródło strony to widzę jak byk:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/css/bootstrap.min.css"/>
<link href="https://fonts.googleapis.com/css?family=Audiowide" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/static/css/mystyle.css"/>

Pozostało 580 znaków

2017-08-26 10:44
1

mi chodzi czy ładuje się twój style.css w którym masz ustawienie textu na font Audiowide


Pozostało 580 znaków

2017-08-26 10:46
0

mi chodzi czy ładuje się twój style.css w którym masz ustawienie textu na font Audiowide

Właśnie to analizuję, bo prawdopodobnie w tym tkwi problem. Zauważyłem, że wszędzie tak jakby brakowało cssa.

Problem rowiązany. Gamoń ze mnie i tyle. Po prostu Django ze swoimi ścieżkami mnie przerosło. Wszystko dziala jak należy...

edytowany 1x, ostatnio: jundymek, 2017-08-26 10:57

Pozostało 580 znaków

2017-08-27 22:59
0

Pierwsze co mi przychodzi do głowy(obstawiam 85% że o to chodzi) to to, że serwer najogólniej mówiąc ma inne zasady dotyczące ścieżek do różnorakich plików. Z własnego doświadczenia wiem, że np na localhoście podawałem rozszerzenia plików dużymi literami a jak wrzuciłem na serwer to już nie działało. Trzeba było pozmieniać na małe litery.

Pewnie dlatego, że localhost miałeś na Windowsie, który nie rozróżnia dużych liter od małych w ścieżkach, a linux (serwer) już tak. - bartk 2017-08-28 16:54
Zapewne właśnie tak było - Mostek87 2017-08-28 19:34

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0