Хабрахабр / Комментарии к посту «Прекрасные шрифты посредством @font-face» в блоге «Каскадные Таблицы Стилей»

07.01.2010 18:15:26 Ryotsuke

Ryotsuke — Thu, 07 Jan 2010 18:15:26 GMT

Я себе мозг сломал.
Почему вот такой код
clip2net.com/clip/m21706/1262887973-clip-18kb.png
clip2net.com/clip/m21706/1262888032-clip-14kb.png
дает такую картину:
clip2net.com/clip/m21706/1262888074-clip-585b.png

Т.е. абсолютно всё равно, что именно написано в src у font-family: 'MgOpenModernaOblique';
всё равно грузится MgOpenModernaOblique.ttf, хоть и написано

Как это происходит и почему?

17.07.2009 03:05:32 proxor

proxor — Fri, 17 Jul 2009 03:05:32 GMT

Всё это круто, но в интернете найти свободные кириллические шрифты, по качеству хотя бы немного дотягивающие до уровня Fontin невозможно — их просто нет…

17.07.2009 01:52:40 Mithgol

Mithgol — Fri, 17 Jul 2009 01:52:40 GMT

Охотно верю, что эта технология называлася (Майкрософтом) «embedded fonts», однако John Daggett не употребляет термин «embedded» ни единого разу (кроме гиперссылки на Билла Хилла из Майкрософт в конце блогозаписи), и я также решил при переводе не насиловать мозилльский первоисточник в угоду майкрософтовским стереотипам.

16.07.2009 20:41:02 pepelsbey

pepelsbey — Thu, 16 Jul 2009 20:41:02 GMT

Я искренне надеялся, что это однофамилец >_<

16.07.2009 20:39:17 naething

naething — Thu, 16 Jul 2009 20:39:17 GMT

Простите за ссылку на небогоугодный ресурс: lurkmore.ru/Mithgol

16.07.2009 20:30:50 pepelsbey

pepelsbey — Thu, 16 Jul 2009 20:30:50 GMT

Я последнее время мало читаю Хабр, поэтому отстал от модных трендов.
Просветите?

16.07.2009 20:29:07 naething

naething — Thu, 16 Jul 2009 20:29:07 GMT

Думаю, если бы Вы посмотрели, кто автор этого топика, то таких вопросов у Вас бы не возникло :)

16.07.2009 20:05:32 pepelsbey

pepelsbey — Thu, 16 Jul 2009 20:05:32 GMT

Начал было собирать стилистические ляпы, потом нечеловеческие обороты, а потом просто руки опустились. Вы вообще в себе?! Ужасный машинный перевод.

накачивание этих шрифтов на вебосервер, почти наверняка, не дозволяется

шрифтопроизводителей насторожённо относятся к дозволению использовать их шрифты за пределами сравнительно ограниченных контекстов

Лицензионные соглашения их отразят выбор их, и к ним следует отнестись с уважением

Потратить чуть больше времени и опубликовать перевод по-русски, а не по-кретински — это слишком сложно для вас?

Так, в качестве совета, пока вы не начали агрессивно оправдываться: эта технология с самого начала называлась «embedded fonts» и переводилась как «внедрённые шрифты», но на западе уже устоялся и широко употребляется термин «web fonts», поэтому простое русское «веб-шрифты» будет здесь уместнее всего.

16.07.2009 17:53:44 z00m

z00m — Thu, 16 Jul 2009 17:53:44 GMT

Перечитал статью, здорово, тогда этому атрибуту в CSS действительно цены нет!

Вот только с поддержкой шрифтов всё наладится и когда подновляющее большинство пользователей перейдёт на последние версии браузеров (имею в виду Opera) сразу же начну использовать.

16.07.2009 17:25:07 Mithgol

Mithgol — Thu, 16 Jul 2009 17:25:07 GMT

Пожалуйста, прочтите статью полностью. Шрифты TrueType поддерживаются невозбранно всеми браузерами, кроме Internet Explorer.

16.07.2009 17:11:54 z00m

z00m — Thu, 16 Jul 2009 17:11:54 GMT

Эх, вот если бы без шаманства с .otf, c использованием стандартного .ttf, то бы цены этому атрибуту в css небыло. А так: ну красиво, ну весить будет .otf прилично, ну дополнительная нагрузка на сервер, так ещё все шрифты дополнительно переводить надо, а не просто «Взял с компьютера понравившийся шрифт, залил на сервер и радуешься жизни».

16.07.2009 14:18:27 killi

killi — Thu, 16 Jul 2009 14:18:27 GMT

Мне в Убунте в firefox 3 не понравились шрифты по умолчанию, для меня они не достаточно четкие, поэтому я поставил Arial и запретил веб-сайтам использовать свои шрифты. Видимо я не увижу всей этой красивости. Ведь так?

16.07.2009 13:55:34 aps

aps — Thu, 16 Jul 2009 13:55:34 GMT

Ну «дизайнеры» страдают. Смириться с ограничениями по шрифтам никак не могут. Вот и идет поток. Хотя если ширина какналов будет расти с такой скоростью как за последние 10 лет, еще через 10 лет это станет востребованым.

16.07.2009 13:46:02 seraph

seraph — Thu, 16 Jul 2009 13:46:02 GMT

IE поддерживают font-face, у них свой особый механизм подгрузки шрифтов и свой формат для подгружаемых шрифтов, так что ослика вычёркивайте.

16.07.2009 13:39:47 freeAKK

freeAKK — Thu, 16 Jul 2009 13:39:47 GMT

а может не надо? :) просто говорю как пользователь…

16.07.2009 13:21:28 leshka

leshka — Thu, 16 Jul 2009 13:21:28 GMT

с таким весом шрифтов font-face еще нескоро у нас приживется:(

16.07.2009 12:55:24 Mithgol

Mithgol — Thu, 16 Jul 2009 12:55:24 GMT

Разработчики Хром (я предпочитаю называть Хром в женском роде, как в киберпанковском рассказе Уильяма Гибсона) заявили, что их код реализации @font-face недостаточно безопасен. Их японская команда сейчас проводит дополнительный аудит исходного кода. Затем начнут устранение проблем (и, вероятно, последующее внедрение этой возможности).

16.07.2009 12:46:48 homme

homme — Thu, 16 Jul 2009 12:46:48 GMT

Хром ничего не показал

16.07.2009 12:43:29 aps

aps — Thu, 16 Jul 2009 12:43:29 GMT

Со времен ie4 каналы стали шире, но не так, чтобы эта технология могла прижиться.

16.07.2009 12:39:14 murr

murr — Thu, 16 Jul 2009 12:39:14 GMT

Хм, не знал, спасибо, просветили :)

16.07.2009 12:30:17 Mithgol

Mithgol — Thu, 16 Jul 2009 12:30:17 GMT

Принимаю респект за белку-шрифтелку (я вообще сторонник творческого подхода к переводу). А вот для танцев на могиле IE6 статья не даёт прямого повода, так как @font-face поддерживается от IE4 и дальше. Криво, правда (не все дескрипторы, и формат только EOT). Но поддерживается. Тут, наоборот, надобно поклониться IE за первый блин, хотя он и комом вышел.

16.07.2009 12:24:42 Mithgol

Mithgol — Thu, 16 Jul 2009 12:24:42 GMT

Можно на примерах прикинуть.

Arial Unicode MS весит четверть сотни мегабайтов (содержит 50 377 глифов).

Free Serif весит килобайтов шестьсот (содержит 3513 глифов).

Palatino Linotype весит чуть менее полумегабайта (1328 глифов + 148 пар кернинга).

Эти примеры — просто для прикидывания по размеру, конечно. Так как Free Serif свободен совершенно, а в отличие от него лицензионный Palatino стоит больше полутысячи евро, и выкладываться может только в EOT, а не в TTF, например.

16.07.2009 12:16:45 PiSaiK

PiSaiK — Thu, 16 Jul 2009 12:16:45 GMT

Это я согласен. Но к сожалению не могут все браузеры взять и одновременно обновится. Всегда будет кто-то впереди, кто-то сздаи

16.07.2009 12:14:31 romanoza

romanoza — Thu, 16 Jul 2009 12:14:31 GMT

Сколько «весит» подгружаемый шрифт?

Например, каждое из четырёх стандартных начертаний (нормальный, полужирный, полужирный курсив, курсив) всем известного шрифт Arial, весит от 500 до 800 килобайт. Если использовать на сайте все 4 стиля начертания, то получится более двух мегабайт. Очень приличный объём. Но это мелочи по сравнению с объёмом шрифта Arial Unicode MS — больше 20 мегабайт!

Я воспользовался инструментом WEFT и поэкспериментировал со шрифтом Arial нормального стиля начертания без разложения шрифта по каким-либо признакам. Исходный размер arial.ttf составляет 766 килобайт, а уже сформированный arial.eot стал весить 308 килобайт. Контейнер EOT сжал файл в 2,5 раза. Хороший результат. Для примера, максимальное ZIP-сжатие того же шрифта — 423 килобайта, RAR — 370 килобайт. Что касается gzip, то Владимир Левантовский из Monotype подметил, что “EOT-компрессия лучше компрессии gzip на 20-30% для западных шрифтов”.

Внедрение шрифтов — EOT и @font-face

16.07.2009 12:11:59 pixx

pixx — Thu, 16 Jul 2009 12:11:59 GMT

Посмотрите как выглядит админка нового Wordpress с кастомными шрифтами, возможно вы измените свою точку зрения. А по поводу совместимости браузеров — все лучшее и не стандартное рано или поздно становится стандартным — это и есть эволюция.

16.07.2009 12:11:56 Mithgol

Mithgol — Thu, 16 Jul 2009 12:11:56 GMT

Я слышал слух о том, что на некоторых платформах в Safari 3.1 текст не отображается, покуда загружаемый шрифт не загрузится. Не знаю, правда или нет. В Файерфоксе отображается локальный шрифт, пока ещё не загрузился загружаемый из Паутины.

16.07.2009 12:10:40 PiSaiK

PiSaiK — Thu, 16 Jul 2009 12:10:40 GMT

Срите мне в карму, но стоит все таки проверить. Я уже имел место работать с font-face. Могу сказать что он не всегда работает

16.07.2009 12:08:33 freeAKK

freeAKK — Thu, 16 Jul 2009 12:08:33 GMT

интересно, сколько будет весить шрифт для Unicode? =)

16.07.2009 12:06:14 freeAKK

freeAKK — Thu, 16 Jul 2009 12:06:14 GMT

спасибо за список свободных шрифтов

16.07.2009 12:02:33 Mithgol

Mithgol — Thu, 16 Jul 2009 12:02:33 GMT

Internet Explorer 4.0 и новее, Safari 3.1 и новее, Mozilla Firefox 3.5 и новее, Opera 10 и новее — какие ещё нужны браузеры?

16.07.2009 12:00:24 chetzof

chetzof — Thu, 16 Jul 2009 12:00:24 GMT

«А что будет показываться вместо текста, пока шрифт не подгрузился? „
Встроенный шрифт. А вы примеры смотрели?

16.07.2009 11:41:32 murr

murr — Thu, 16 Jul 2009 11:41:32 GMT

Ну, значит еще пол-годика — год, и можно будет забыть про куцый набор из стандартных гарнитур — это не может не радовать, и довольно странно, что в стандарте эта вещь появилась так поздно. Дружно выбросим все нынешние костыли и, заодно, станцуем на могиле ие6 :)

Хотя, с другой стороны, ждем новые волны копирастии и толп ущемленных на почве пиратства шрифтовиков, новых уязвимостей в браузерах и, конечно же, дняффок с готишными шрифтами!

За белка-шрифтелку автору — респект :)

16.07.2009 11:39:22 drunken

drunken — Thu, 16 Jul 2009 11:39:22 GMT

Нативная возможность — это всегда хорошо, но сколько будет загружаться файл шрифта?
А что будет показываться вместо текста, пока шрифт не подгрузился?

16.07.2009 11:37:58 Ferroman

Ferroman — Thu, 16 Jul 2009 11:37:58 GMT

Оформление статьи просто образцовое.

16.07.2009 11:37:12 seraph

seraph — Thu, 16 Jul 2009 11:37:12 GMT

Возможность хорошая, но из-за того, что файлы платных шрифтов отдавать клиенту нельзя, то частенько возникают сложности юридического характера, не стоит забывать об этом. Но ещё один браузер с поддержкой @font-face — это всё равно радует.

16.07.2009 11:33:54 momental

momental — Thu, 16 Jul 2009 11:33:54 GMT

Спасибо большое за статью и за список литературы

16.07.2009 11:33:29 PiSaiK

PiSaiK — Thu, 16 Jul 2009 11:33:29 GMT

А другие браузеры не поддерживают еще. И я не вижу в этом ни какого смысла вообще. В мусорку…