Czcionki i CSS
CSS to najskuteczniejszy sposób dostosowania czcionek na twojej stronie internetowej. Możesz kontrolować rodzinę czcionek, rozmiar, kolor, wagę i wiele innych aspektów typografii.
Właściwości czcionek w CSS to jeden z najczęstszych sposobów na to, aby Twoja strona była bardziej charakterystyczna i niepowtarzalna. Łatwo zmienić kolor, rozmiar, a nawet twarz (czcionkę) tekstu z właściwościami czcionki CSS.
- kolor
- rodzina czcionek
- rozmiar czcionki
Czcionka ma trzy części:
- kolor
- Jest to kolor, który zostanie wyświetlony na ekranie.
- rozmiar
- W ten sposób na ekranie zostanie wyświetlony duży lub mały krój pisma.
- Twarz
- Jest to rodzina czcionek, którą często określa się jako faktyczną czcionkę.
Kolory czcionki
Aby zmienić kolor tekstu, po prostu użyj właściwości stylu CSS. Możesz użyć zarówno nazw kolorów, jak i kodów szesnastkowych. Podobnie jak w przypadku wszystkich kolorów w Internecie najlepiej jest używać kolorów bezpiecznej przeglądarki.
Wypróbuj następujące style na swoich stronach internetowych:
ta czcionka ma kolor czerwonyta czcionka ma kolor niebieski
Rozmiary czcionek
Po ustawieniu rozmiaru czcionki w Internecie można ustawić go w względnych rozmiarach lub bardzo dokładnie przy użyciu pikseli, centymetrów lub cali. Jednak dokładniejsze rozmiary czcionek mają być używane do drukowania, a nie do stron internetowych, gdzie każdy, kto ogląda twoją witrynę, może mieć inną rozdzielczość, rozmiar monitora lub domyślne ustawienie czcionki. Dlatego jeśli wybierzesz 15px jako standardowy rozmiar, możesz być niemile zaskoczony, widząc, jak duża lub mała czcionka renderuje się do klientów.
Zalecam używanie ems dla rozmiaru czcionki. Ems zezwala na to, aby Twoja strona była dostępna bez względu na to, kto ją ogląda, a ems są przeznaczone do renderowania ekranu. Pozostaw piksele i punkty do renderowania wydruku. Aby zmienić rozmiar czcionki, umieść następujący styl na swojej stronie internetowej:
ta czcionka to 1emta czcionka to .75emta czcionka to 1.25em
Czcionki twarzy
Twarz twojej czcionki jest tym, o czym wielu ludzi myśli, kiedy myśli "czcionka". Możesz zadeklarować dowolną czcionkę, którą chcesz, ale pamiętaj, jeśli twój czytnik nie ma zainstalowanej czcionki, ich przeglądarka spróbuje znaleźć dopasowanie do tego, a ich strona nie będzie wyglądać tak, jak zamierzałeś.
Aby rozwiązać ten problem, możesz określić listę nazw twarzy, oddzielonych przecinkami, aby przeglądarka była używana w kolejności preferencji. Są to tak zwane stosy czcionek. Należy pamiętać, że standardowa czcionka na komputerze (np. Arial) może nie być standardem na komputerach Macintosh. Dlatego zawsze powinieneś przeglądać swoje strony za pomocą minimalnie zainstalowanego komputera (najlepiej na obu platformach), aby upewnić się, że twoja strona wygląda tak, jak zaprojektowano, nawet przy minimalnych czcionkach.
Jeden z moich ulubionych zestawów czcionek to Zbiór ten jest kolekcją czcionek bezszeryfowych, a podczas gdy genewa i arial nie wyglądają strasznie podobnie, oba są dość standardowe na komputerach Macintosh i Windows. Dołączam helvetica i helv dla klientów w innych systemach operacyjnych, takich jak Unix lub Linux, które mogą nie mieć rozbudowanej biblioteki czcionek.
ta czcionka to sans-serifta czcionka jest szeryfowa
