Typografia internetowa
Typografia internetowa to użycie czcionek w sieci World Wide Web . Kiedy HTML , kroje czcionek i style były kontrolowane wyłącznie przez ustawienia każdej przeglądarki internetowej . Nie było mechanizmu kontrolowania wyświetlania czcionek przez poszczególne strony internetowe, dopóki firma Netscape nie wprowadziła elementu czcionki w 1995 r., który następnie został znormalizowany w specyfikacji HTML 3.2. Jednak czcionka określona przez czcionki musiała być zainstalowana na komputerze użytkownika lub czcionka zastępcza, taka jak domyślna czcionka przeglądarki użyta zostanie czcionka bezszeryfowa lub o stałej szerokości . Pierwsza specyfikacja kaskadowych arkuszy stylów została opublikowana w 1996 roku i zapewniała te same możliwości.
Specyfikacja CSS2 została wydana w 1998 roku i próbowała ulepszyć proces wyboru czcionek, dodając dopasowywanie czcionek, syntezę i pobieranie. Techniki te nie zyskały większego zastosowania i zostały usunięte w specyfikacji CSS2.1. Jednak Internet Explorer dodał obsługę funkcji pobierania czcionek w wersji 4.0 , wydanej w 1997 r. Pobieranie czcionek zostało później włączone do modułu czcionek CSS3 i od tego czasu zostało zaimplementowane w Safari 3.1 , Opera 10 i Mozilla Firefox 3.5 . To z kolei zwiększyło zainteresowanie typografią internetową, a także korzystaniem z pobierania czcionek.
CSS1
W pierwszej specyfikacji CSS autorzy określili charakterystykę czcionki za pomocą szeregu właściwości:
rodzina czcionekstyl czcionkiwariant czcionkigrubość czcionkirozmiar czcionki
Wszystkie czcionki zostały zidentyfikowane wyłącznie na podstawie nazwy. Poza wymienionymi powyżej właściwościami projektanci nie mieli możliwości stylizowania czcionek i nie istniał żaden mechanizm wybierania czcionek nieobecnych w systemie klienckim.
Bezpieczne czcionki internetowe
Czcionki bezpieczne w Internecie to czcionki , które mogą być obecne w wielu systemach komputerowych i używane przez autorów treści internetowych w celu zwiększenia prawdopodobieństwa wyświetlenia treści w wybranej przez nich czcionce. Jeśli osoba odwiedzająca witrynę sieci Web nie ma określonej czcionki, jej przeglądarka próbuje wybrać podobną alternatywę, opartą na określonych przez autora czcionkach rezerwowych i rodzinach generycznych , lub wykorzystuje podstawianie czcionek zdefiniowane w systemie operacyjnym osoby odwiedzającej.
Podstawowe czcionki firmy Microsoft dla sieci Web
Aby zapewnić wszystkim użytkownikom sieci dostęp do podstawowego zestawu czcionek, firma Microsoft rozpoczęła w 1996 r. inicjatywę Core fonts for the Web (zakończoną w 2002 r.). Wydane czcionki to Arial , Courier New , Times New Roman , Comic Sans , Impact , Georgia , Trebuchet , Webdings i Verdana — w ramach umowy EULA co umożliwiło ich swobodną dystrybucję, ale także ograniczyło niektóre prawa do ich używania. Ich wysoki wskaźnik penetracji sprawił, że stały się one podstawą dla projektantów stron internetowych. Jednak większość dystrybucji Linuksa domyślnie nie zawiera tych czcionek.
CSS2 próbował zwiększyć narzędzia dostępne dla twórców stron internetowych, dodając syntezę czcionek, ulepszone dopasowywanie czcionek i możliwość pobierania czcionek zdalnych.
Niektóre właściwości czcionek CSS2 zostały usunięte z CSS2.1, a później włączone do CSS3.
Czcionki zastępcze
Specyfikacja CSS umożliwia wyświetlanie wielu czcionek jako czcionek zastępczych. W CSS font-family akceptuje listę krojów czcionek oddzielonych przecinkami, na przykład:
rodzina czcionek : „Nimbus Sans L” , Helvetica , Arial , bezszeryfowa ;
Preferowaną czcionką jest pierwsza określona czcionka. Jeśli ta czcionka nie jest dostępna, przeglądarka internetowa spróbuje użyć następnej czcionki na liście. Jeśli żadna z określonych czcionek nie zostanie znaleziona, przeglądarka wyświetli domyślną czcionkę. Ten sam proces zachodzi również dla poszczególnych znaków, jeśli przeglądarka próbuje wyświetlić znak, którego nie ma w określonej czcionce.
Rodziny czcionek ogólnych
Aby dać projektantom stron internetowych pewną kontrolę nad wyglądem czcionek na ich stronach internetowych, nawet jeśli określone czcionki nie są dostępne, specyfikacja CSS umożliwia korzystanie z kilku ogólnych rodzin czcionek. Te rodziny są przeznaczone do dzielenia czcionek na kilka kategorii na podstawie ich ogólnego wyglądu. Są one powszechnie określane jako ostatnie z serii czcionek rezerwowych, jako ostateczność w przypadku, gdy żadna z czcionek określonych przez autora nie jest dostępna. Przez kilka lat istniało pięć rodzin generycznych:
- Czcionki, które nie mają ozdobnych oznaczeń ani szeryfów na swoich literach. Czcionki te są często uważane za łatwiejsze do odczytania na ekranach.
- Czcionki, które mają ozdobne oznaczenia lub szeryfy, obecne na swoich znakach. Te czcionki są tradycyjnie używane w drukowanych książkach.
- Czcionki, w których wszystkie znaki są jednakowo szerokie.
- Czcionki przypominające pismo kursywą. Czcionki te mogą mieć dekoracyjny wygląd, ale przy małych rozmiarach mogą być trudne do odczytania, dlatego zazwyczaj są używane oszczędnie.
Fantazja
- Czcionki, które mogą zawierać symbole lub inne właściwości dekoracyjne, ale nadal przedstawiają określony znak.
Czcionki CSS działające w wersji roboczej 4 z mniejszą obsługą przeglądarek
Interfejs systemowy
- Domyślne czcionki w danym systemie: celem tej opcji jest umożliwienie integracji treści internetowych z wyglądem i działaniem natywnego systemu operacyjnego.
ui-szeryf
- Czcionki domyślne w danym systemie w stylu szeryfowym
ui-sans-serif
- Czcionki domyślne w danym systemie w stylu bezszeryfowym
jednoprzestrzeń interfejsu użytkownika
- Domyślne czcionki w danym systemie w stylu o stałej szerokości
zaokrąglone w interfejsie użytkownika
- Domyślne czcionki w danym systemie w zaokrąglonym stylu
- Czcionki za pomocą emotikonów
- Czcionki dla złożonych formuł matematycznych i wyrażeń.
- Chińskie kroje pisma, które znajdują się pomiędzy szeryfową Song a kursywą Kai. Ten styl jest często używany w dokumentach rządowych.
Czcionki internetowe
Historia
Technika odwoływania się i automatycznego pobierania czcionek zdalnych została po raz pierwszy określona w specyfikacji CSS2, która wprowadziła konstrukcję @ font-face . W tamtym czasie pobieranie plików czcionek z sieci było kontrowersyjne, ponieważ czcionki przeznaczone do użytku tylko na niektórych stronach internetowych można było również pobierać i instalować z naruszeniem licencji na czcionki.
Microsoft po raz pierwszy dodał obsługę pobieralnych czcionek EOT w Internet Explorerze 4 w 1997 roku. Autorzy musieli użyć zastrzeżonego narzędzia WEFT , aby utworzyć plik czcionek z podzbiorem dla każdej strony. EOT pokazał, że czcionki internetowe mogą działać, a format znalazł pewne zastosowanie w systemach pisania nieobsługiwanych przez popularne systemy operacyjne. Jednak format nigdy nie zyskał powszechnej akceptacji i ostatecznie został odrzucony przez W3C.
W 2006 roku Håkon Wium Lie rozpoczął kampanię przeciwko używaniu EOT i raczej, aby przeglądarki internetowe obsługiwały powszechnie używane formaty czcionek. Obsługa powszechnie używanych formatów czcionek TrueType i OpenType została od tego czasu zaimplementowana w przeglądarkach Safari 3.1 , Opera 10 , Mozilla Firefox 3.5 i Internet Explorer 9 .
W 2010 roku metoda kompresji WOFF dla czcionek TrueType i OpenType została przesłana do W3C przez Mozilla Foundation , Opera Software i Microsoft , a od tego czasu przeglądarki dodały obsługę.
Czcionki Google zostały uruchomione w 2010 roku, aby obsługiwać czcionki internetowe na licencji open source . Do 2016 roku dostępnych jest ponad 800 rodzin czcionek internetowych.
Czcionki internetowe stały się ważnym narzędziem dla projektantów stron internetowych, a od 2016 roku większość witryn korzysta z czcionek internetowych.
Formaty plików
Używając określonej techniki osadzania CSS @ font-face, możliwe jest osadzanie czcionek w taki sposób, aby działały z IE4+, Firefox 3.5+, Safari 3.1+, Opera 10+ i Chrome 4.0+. Dzięki temu ogromna większość użytkowników sieci ma dostęp do tej funkcji. Niektóre odlewnie komercyjne sprzeciwiają się redystrybucji ich czcionek. Na przykład Hoefler & Frere-Jones mówi, że chociaż „… entuzjastycznie [wspierają] pojawienie się bardziej ekspresyjnej sieci, w której projektanci mogą bezpiecznie i niezawodnie używać wysokiej jakości czcionek online”, obecne dostarczanie czcionek przy użyciu @ czcionka jest uważane przez odlewnię za „nielegalną dystrybucję” i jest niedozwolone. Zamiast tego Hoefler & Co. oferuje zastrzeżony system dostarczania czcionek zakorzeniony w chmurze. Wiele innych komercyjnych wytwórni czcionek zajmuje się redystrybucją swoich czcionek, oferując specjalną licencję, zwaną licencją na czcionki internetowe, która umożliwia korzystanie z oprogramowania czcionek do wyświetlania treści w Internecie, co jest zwykle zabronione przez podstawowe licencje na komputery stacjonarne. Oczywiście nie koliduje to z czcionkami i odlewniami na wolnych licencjach.
TrueDoc
TrueDoc , choć nie był konkretnie specyfikacją czcionek internetowych, był pierwszym standardem osadzania czcionek. Został opracowany przez firmę Bitstream w 1994 r. I został natywnie obsługiwany w Netscape Navigator 4 w 1996 r. Ze względu na ograniczenia licencji open source, ponieważ Netscape nie mógł udostępnić kodu źródłowego Bitstream, natywna obsługa technologii zakończyła się, gdy Netscape Navigator 6 został wydany. Dostępna była wtyczka ActiveX dodająca obsługę TrueDoc do Internet Explorera , ale technologia ta musiała konkurować z technologią Microsoftu Osadzone czcionki OpenType, które były natywnie obsługiwane w ich przeglądarce Internet Explorer od wersji 4.0. Kolejną przeszkodą był brak otwartego lub darmowego narzędzia do tworzenia czcionek internetowych w formacie TrueDoc, podczas gdy Microsoft udostępnił bezpłatne narzędzie Web Embedding Fonts Tool do tworzenia czcionek internetowych w ich formacie.
Wbudowany typ OpenType
Internet Explorer obsługuje osadzanie czcionek za pośrednictwem zastrzeżonego standardu Embedded OpenType od wersji 4.0. Wykorzystuje zarządzania prawami cyfrowymi , aby zapobiegać kopiowaniu i używaniu czcionek bez licencji. Uproszczony podzbiór EOT został sformalizowany pod nazwą CWT ( Compatibility Web Type , dawniej EOT-Lite )
Skalowalna Grafika wektorowa
Typografia internetowa ma zastosowanie do SVG na dwa sposoby:
- Wszystkie wersje specyfikacji SVG 1.1, w tym podzbiór SVGT , definiują moduł czcionek umożliwiający tworzenie czcionek w dokumencie SVG. Safari wprowadziło obsługę wielu z tych właściwości w wersji 3. Opera dodała wstępną obsługę w wersji 8.0, z obsługą większej liczby właściwości w wersji 9.0.
- Specyfikacja SVG pozwala stosować CSS do dokumentów SVG w podobny sposób jak do dokumentów HTML, a regułę
@ font-facemożna zastosować do tekstu w dokumentach SVG. Opera dodała obsługę tego w wersji 10, a WebKit od wersji 325 obsługuje również tę metodę przy użyciu tylko czcionek SVG.
Skalowalne czcionki grafiki wektorowej
Czcionki SVG były standardem czcionek W3C wykorzystującym grafikę SVG, który stał się podzbiorem czcionek OpenType. Pozwoliło to na wielokolorowe lub animowane czcionki. Początkowo był to podzbiór specyfikacji SVG 1.1, ale został wycofany ze specyfikacji SVG 2.0. Czcionki SVG jako niezależny format są obsługiwane przez większość przeglądarek oprócz IE i Firefox i są przestarzałe w Chrome (i Chromium). To jest teraz ogólnie przestarzałe; standardem, z którym zgodziła się większość dostawców przeglądarek, jest podzbiór czcionek SVG zawarty w OpenType (a następnie nadzbiór WOFF, patrz poniżej), zwany SVGOpenTypeFonts. Firefox obsługuje SVG OpenType od Firefoksa 26.
TrueType/OpenType
Łączenie ze standardowymi w branży czcionkami TrueType (TTF) i OpenType (TTF/OTF) jest obsługiwane przez przeglądarki Mozilla Firefox 3.5+, Opera 10+, Safari 3.1+ i Google Chrome 4.0+. Internet Explorer 9+ obsługuje tylko te czcionki, których uprawnienia do osadzania są ustawione na instalowalne.
Format otwartej czcionki internetowej
Web Open Font Format (WOFF) to zasadniczo OpenType lub TrueType z kompresją i dodatkowymi metadanymi. WOFF jest obsługiwany przez Mozilla Firefox 3.6+, Google Chrome 5+, Opera Presto i jest obsługiwany przez Internet Explorer 9 (od 14 marca 2011). Wsparcie jest dostępne w Mac OS X Lion's Safari od wersji 5.1.
Czcionki Unicode
Tylko dwie czcionki dostępne domyślnie na platformie Windows , Microsoft Sans Serif i Lucida Sans Unicode , zapewniają szeroki repertuar znaków Unicode . Błąd w Verdanie (i różna obsługa przez różne programy użytkownika ) utrudnia jej użyteczność tam, gdzie pożądane jest łączenie znaków .
Na platformach oprogramowania wolnego i typu open source, takich jak Linux , GNU Unifont i GNU FreeFont zapewniają szeroki zakres znaków Unicode .
Alternatywy
Częstą przeszkodą w projektowaniu stron internetowych jest projektowanie makiet zawierających czcionki, które nie są bezpieczne w Internecie. Istnieje kilka rozwiązań takich sytuacji. Jednym z powszechnych rozwiązań jest zastąpienie tekstu podobną bezpieczną czcionką internetową lub użycie serii podobnie wyglądających czcionek zastępczych.
Inną techniką jest zastępowanie obrazu . Ta praktyka polega na nakładaniu tekstu na obraz zawierający ten sam tekst napisany wybraną czcionką. Jest to dobre ze względów estetycznych, ale uniemożliwia zaznaczanie tekstu, zwiększa wykorzystanie przepustowości, niekorzystnie wpływa na optymalizację wyszukiwarek i sprawia, że tekst jest niedostępny dla użytkowników niepełnosprawnych. [ potrzebne źródło ]
W przeszłości korzystano z rozwiązań opartych na technologii Flash , takich jak sIFR . Jest to podobne do technik zastępowania obrazu, chociaż tekst można zaznaczyć i renderować jako wektor. Jednak ta metoda wymaga obecności zastrzeżonej wtyczki w systemie klienta.
Innym rozwiązaniem jest użycie Javascript do zastąpienia tekstu VML (dla Internet Explorera) lub SVG (dla wszystkich innych przeglądarek).
Zobacz też
Notatki
- ^ Zobacz kroje pisma typu open source i listy krojów pisma Unicode bezpłatnego oprogramowania dla takich czcionek.
Linki zewnętrzne
- Specyfikacja czcionek CSS W3C
- Lista RFC wymieniona w WOFF (wersja robocza z dnia 2009-10-23):
| Strona | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Ustęp | |||||||||||
| Postać |
|
||||||||||
| Klasyfikacje krojów pisma |
|
||||||||||
| Interpunkcja | |||||||||||
| Skład | |||||||||||
| Jednostki typograficzne | |||||||||||
| Typografia cyfrowa | |||||||||||
| Powiązane artykuły | |||||||||||
| Powiązane tabele | |||||||||||
