Próbuję wymyślić przyzwoite rozwiązanie (zwłaszcza od strony SEO) do osadzania czcionek na stronach internetowych. Do tej pory widziałem rozwiązanie W3C , które nawet nie działa na Firefoksie, i to całkiem fajne rozwiązanie . Drugie rozwiązanie dotyczy tylko tytułów. Czy jest dostępne rozwiązanie dla pełnego tekstu? Mam dość standardowych czcionek na stronach internetowych.
Dzięki!
Odpowiedzi:
Sytuacja uległa zmianie od czasu, gdy pierwotnie zadano to pytanie i udzielono na nie odpowiedzi. Wykonano wiele pracy nad osadzeniem czcionek w różnych przeglądarkach, aby tekst podstawowy działał przy użyciu osadzania @ font-face.
Paul Irish stworzył składnię Bulletproof @ font-face łącząc próby wielu innych osób. Jeśli faktycznie przejrzysz cały artykuł (nie tylko górną część), zezwala on na umieszczenie pojedynczego oświadczenia @ font-face na IE, Firefox, Safari, Opera, Chrome i być może inne. Zasadniczo może to zasilać OTF, EOT, SVG i WOFF w sposób, który niczego nie psuje.
Wycięte z jego artykułu:
@font-face { font-family: 'Graublau Web'; src: url('GraublauWeb.eot'); src: local('Graublau Web Regular'), local('Graublau Web'), url("GraublauWeb.woff") format("woff"), url("GraublauWeb.otf") format("opentype"), url("GraublauWeb.svg#grablau") format("svg"); }
Pracując z tej bazy, Font Squirrel zebrał wiele przydatnych narzędzi, w tym generator @ font-face, który umożliwia przesłanie pliku TTF lub OTF i uzyskanie automatycznie przekonwertowanych plików czcionek dla innych typów, wraz z gotowymi kodami CSS i strona demonstracyjna HTML. Font Squirrel ma również setki zestawów @ font-face .
Soma Design stworzyła również FontFriend Bookmarklet , który na nowo definiuje czcionki na stronie w locie, dzięki czemu możesz wypróbować różne rzeczy. Obejmuje obsługę funkcji przeciągnij i upuść @ font-face w programie FireFox 3.6+.
Niedawno firma Google zaczęła dostarczać Google Web Fonts , asortyment czcionek dostępnych na licencji Open Source i obsługiwanych z serwerów Google.
Ograniczenia licencji
Wreszcie, WebFonts.info stworzył ciekawą listę czcionek dostępnych do osadzania @ font-face na podstawie licencji. Nie twierdzi, że jest to lista wyczerpująca, ale czcionki na niej powinny być dostępne (prawdopodobnie z warunkami, takimi jak atrybucja w pliku CSS) do osadzania / łączenia. Ważne jest, aby przeczytać licencje , ponieważ istnieją pewne ograniczenia, które nie są oczywiście przesuwane do przodu w pobieraniu czcionek.
źródło
Próbować Facetype.js , przekonwertuj swoją czcionkę .TTF na plik JavaScript. Pełna zgodność z SEO, obsługuje FF, IE6 i Safari i bezproblemowo degraduje się w innych przeglądarkach.
źródło
Nie, nie ma przyzwoitego rozwiązania dla typu ciała, chyba że chcesz zaspokoić potrzeby tylko tych z najnowszymi przeglądarkami.
Microsoft ma WEFT , własną zastrzeżoną technologię osadzania czcionek, ale nie słyszałem o niej od lat i nie znam nikogo, kto jej używa.
Radzę sobie z sIFR dla typu wyświetlania (nagłówki, tytuły postów na blogu itp.) I używam jednej z mniej zużytych bezpiecznych czcionek internetowych dla typu ciała (np. Trebuchet MS). Jeśli znudziły Ci się wszystkie czcionki bezpieczne w Internecie, prawdopodobnie definiujesz ten termin zbyt wąsko - spójrz na tę macierz czcionek standardowych które są dostarczane z głównymi systemami operacyjnymi i prawdopodobnie znajdziesz kaskadę czcionek, która będzie złapać prawie wszystkich użytkowników sieci.
Na przykład:
font-family: "Lucida Grande", "Verdana", sans-serif
to powszechna kaskada czcionek; OS X jest dostarczany z Lucidą Grande, ale te z systemem Windows otrzymają Verdana, bezpieczną czcionkę internetową z literami o podobnym rozmiarze i kształcie do Lucida Grande. Użytkownicy Linuksa otrzymają również Verdana, jeśli zainstalowali pakiet bezpiecznych czcionek internetowych, który istnieje w menadżerach pakietów większości dystrybucji, w przeciwnym razie powrócą do zwykłego bezszeryfowego.źródło
I jest to mało prawdopodobne - EOT to dość restrykcyjny format obsługiwany tylko przez IE. Zarówno Safari 3.1, jak i Firefox 3.1 (no cóż, obecna alfa) i być może Opera 9.6 obsługują osadzanie czcionek True Type (ttf), a przynajmniej Safari obsługuje czcionki SVG za pomocą tego samego mechanizmu. Lista osobna miała dobrą dyskusję na ten temat jakiś czas temu .
źródło
Wypróbuj Typekit , opcję komercyjną (dostępny jest również bezpłatny pakiet).
Używa różnych technik w zależności od używanej przeglądarki jest (
@font-face
vs.EOT
format), a oni zadbać o wszystkie kwestie Czcionka licencjonowania dla Ciebie również. Obsługuje wszystko, aż do IE6.Oto więcej informacji o działaniu Typekit:
źródło
Pytałem o to jakiś czas temu . Odpowiedź brzmi w zasadzie, że to nie działa. :(
źródło