Google fonts działają tylko lokalnie

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?

0

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

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.

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.

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?

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"/>
1

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

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...

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.

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