Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Zmiana czcionki

Inne  Założony przez  chrumcio.

24.12.2017, 13:42
#1
Wgrałem na ftp nową czcionkę, następnie w global.css pozmieniałem font-family na nazwę czcionki którą chcę mieć by się wyświetlała.
I co dalej mam zrobić? Z ftp usunąć stare czcionki?
[Obrazek: https://i.imgur.com/kCbZ1pc.png]
24.12.2017, 14:40
#2
Nic, to wszystko, powinno działać jeśli dobrze to zrobiłeś.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08
24.12.2017, 14:43
#3
Sęk w tym że nie działa
Jak to wygląda u mnie -> http://retro-strefa.cba.pl/forum/
A jak powinno wyglądać -> https://fonts.google.com/specimen/Press+...s+Start+2P
Wyczytałem że w css cza edytować @font-face ale nigdzie nie ma ...
Wygląda na to że sam muszę to dodać
[Obrazek: https://i.imgur.com/kCbZ1pc.png]
24.12.2017, 14:45 (Ten post był ostatnio modyfikowany: 24.12.2017, 14:49 przez Łukasz.)
#4
Obecne body zmień na:
body {
    background: #F6F6F6 none repeat scroll 0% 0%;
    color: #333;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    overflow-y: scroll;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Press Start 2P', cursive;
}

Bez kursywy:
body {
    background: #F6F6F6 none repeat scroll 0% 0%;
    color: #333;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    overflow-y: scroll;
    text-decoration: none;
    font-size: 13px;
    font-family: 'Press Start 2P';
}
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
24.12.2017, 14:49
#5
(24.12.2017, 14:45)Conors napisał(a): Obecne body zmień na:
Dalej nie wyświetla tak jak powinno.
[Obrazek: https://i.imgur.com/kCbZ1pc.png]
24.12.2017, 14:52 (Ten post był ostatnio modyfikowany: 24.12.2017, 14:53 przez Łukasz.)
#6
Źle dodałeś... U mnie przy zbadaj element działa.
   

@edit Chyba ta czcionka jest tylko z kursywą, więc musisz wstawić tylko 1 kod, którym podałem u góry.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
24.12.2017, 14:52 (Ten post był ostatnio modyfikowany: 24.12.2017, 14:53 przez Penny.)
#7
Dodaj czcionkę, bądź importuj ją w css @import url('https://fonts.googleapis.com/css?family=Press+Start+2P'); (na początku arkusza)
Wsparcie poza forum - odpłatne.
24.12.2017, 15:00 (Ten post był ostatnio modyfikowany: 24.12.2017, 15:03 przez chrumcio.)
#8
(24.12.2017, 14:52)Conors napisał(a): Źle dodałeś... U mnie przy zbadaj element działa.
Robiłem tak i tak, i nic nie pomagało. Czcionka tak powinna wyglądać https://fonts.google.com/specimen/Press+...s+Start+2P
(24.12.2017, 14:52)Penny napisał(a): Dodaj czcionkę, bądź importuj ją w css @import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
W którym miejscu dokładnie?
Zrobiłem tak, i dalej nic 
Cytat:body {
    background: #F6F6F6 none repeat scroll 0% 0%;
    color: #333;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    overflow-y: scroll;
    text-decoration: none;
    font-size: 13px;
    font-family: '@import url('https://fonts.googleapis.com/css?family=Press+Start+2P')';
}
[Obrazek: https://i.imgur.com/kCbZ1pc.png]
24.12.2017, 15:02
#9
Może być do global.css tylko przed miejscem do którego się odwołujesz, czyli przed body.
Wsparcie poza forum - odpłatne.
24.12.2017, 15:07
#10
Działa, teraz będą musiał pobawić się size :D
[Obrazek: https://i.imgur.com/kCbZ1pc.png]



Użytkownicy przeglądający ten wątek:

1 gości