Powiększenie i ustawienie czcionki Fontello.

Question

Witam.

 

Zgodnie z trzecim odcinkiem kursu HTML (https://www.youtube.com/watch?v=5y3Qc9Qs6TY) "tworzyłem" stronę internetową. W pewnym momencie jednak natrafiłem na problem. Nie mogę ani powiększyć czcionki Fontello (YouTube, Steam, TW, FB), ani jej "wycentrować" dodając margin-top.

 

Kod wygląda tak: .icon-youtube:before { content: '\e802'; font-size: 76px; margin-top: 10px; } /* '' */

 

Ma ktoś pomysł co może być przyczyną?

Answer 1

No wszystko wydaje się ok, to że w demo nie wyświetlają się grafiki to tylko i wyłącznie z braku załadowanej czcionki.

Demo http://codepen.io/anon/pen/bdgyxJ - linijki 172 - 180, pozmieniaj sobie font-size i zobacz jak się zmieniają. Wszystko działa poprawnie, tak więc ciężko jest mi ocenić gdzie popełniasz błąd.

Comments

A istnieją inne opcje, aby zmienić położenie tekstu na płaszczyźnie góra dół?

---

Pozycjonowanie za pomocą top, right, bottom, left elementu o pozycji relative, absolute.

---

Lecz skoro samej czcionki ruszyć nie mogę w pliku fontello w css, to mogę jakoś zrobić to za pomocą konfiguracji div'a w style.css lub html?

Answer 2

Pokaż to online - będzie łatwiej zdebugować.

Comments

Fontello - http://wklej.org/id/1727460/

Plik HTML - http://wklej.org/id/1727461/

Style css - http://wklej.org/id/1727462/

 

// Mam nadzieje że o to ci chodziło pisząc "pokaż online", dopiero zaczynam i nie wiem jakich sposobów się używa.

---

"Pokaż online" - zapodaj adres strony ;)

Powiem tak - u mnie po przekopiowaniu kodu działa. Ikonka YT jest większa i odsunięta od góry.

Answer 3

może masz gdzieś pacje albo jakiś błedny znak w kodzie?

Comments

Raczej nie. Same ikonki działają, czyli plik jest dobrze podpięty. Kod jest taki sam jak na filmie, więc nie wiem skąd ta niewłaściwość. Jest może jakaś komenda, która sprawi że czcionka będzie po środku na osi X i Y?

Answer 4

Sprawdź czy podpiąłeś arkusz fontello, bo być może nie dodałeś go do strony.

<link rel="stylesheet" href="fontello.css">

 

Comments

Wszystko podpięte komendą <link rel="stylesheet" href="css/fontello.css" type:"text/css" />

 

Ikony same w sobie działają, gorzej z komendami.