Шрифты в Интернете
https://stackoverflow.com/questions/16233
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
На этот вопрос уже есть ответ здесь:
- Как встроить шрифты в HTML? 6 ответов
Коллекция шрифтов, доступных веб-разработчикам, удручающе ограничена.Я помню, как давно читал о TrueDoc как о способе доставки шрифтов вместе с веб-сайтом, но, похоже, он затерялся.Кто-нибудь использовал это или что-то подобное?Поддерживается ли он достаточным количеством браузеров?Я упускаю хорошее решение?
Обратите внимание, что ответственный веб-разработчик не использует шрифты, доступные только в Windows (и особенно те, которые доступны только в Vista), и при этом они не используют технологию, которая не поддерживается по крайней мере большинством браузеров.
Обновлять: Как отметили несколько человек, нет ничего плохого в том, чтобы предоставить список запасных шрифтов для людей, у которых нет конкретного шрифта, который вы используете.На самом деле я всегда так делаю, и не имел в виду, что это неправильно.
Хотя мой вопрос был неправильно сформулирован, я имел в виду, что дизайнеру не следует делать слишком много предположений о том, что будет доступно клиенту.Вам следует спланировать, как ваш сайт будут видеть все пользователи, а не только те, кто использует выбранную вами настройку.
Решение
Safari и, в меньшей степени, Firefox 3 поддерживают @font-face в CSS, что позволяет использовать собственные шрифты.Однако для распространения файлов шрифтов вам необходима соответствующая лицензия.Эти статьи объясняют это более подробно:
Другие советы
Это своевременная тема;мы перешли на Arial, потому что Calibri СЛИШКОМ мал по сравнению со всеми другими запасными шрифтами!Мне было очень больно переключаться на (затыкать) Arial, потому что это дрянная копия Helvetica:
http://www.ms-studio.com/articles.html
Трудности с размером (слишком большие, если вы используете шрифт «c» в качестве стандарта;слишком мал, если брать что-то обычное) подробно описаны здесь:
http://neosmart.net/blog/2006/css-vistas-new-fonts/
Мне будет очень не хватать прекрасного, настроенного вручную псевдонимов RGB Calibri, но было просто невозможно обеспечить хороший опыт для большинства пользователей, не требуя установки Calibri.Это довольно распространенное явление, поскольку оно поставляется с Office 2007 (Win/Mac) и, конечно же, с Vista.но он далеко не универсален, поэтому немного безответственно полагаться на него для глобальной веб-аудитории.
Вы, конечно, можете использовать СИФР.
Это изящно ухудшается в браузерах, которые его не поддерживают и доступны.
Он не совсем подходит для использования с большим количеством текста, но для заголовков и выделения текста он идеален.
Конечно, в настоящее время это обход внутреннего ограничения браузеров и Интернета, но когда это было не так для большинства веб-технологий и методов.
Вы можете сделать это с новым @font-face декларация доступен в CSS3.Он имеет очень хорошую поддержку функций CSS3 (т.начиная с IE4).
Общий синтаксис:
@font-face {
src: url('путь к вашему шрифту') format('вофф|ttf|svg|eot|…');
font-family: имя, которое нужно использовать;
font-weight: дополнительный вес;
font-style: дополнительный стиль;
}Есть также есть генератор который преобразует шрифт в несколько форматов и создает соответствующий CSS.
В настоящее время я бы рекомендовал предоставлять только файл WOFF;это удобно, легко создать.
Также обязательно укажите название формата (например, format('woff'));в противном случае он не будет работать в Firefox.
Обратите внимание, что ответственный веб -разработчик не использует шрифты, которые доступны только в Windows (и особенно те, которые доступны только на Vista), и при этом они не используют технологию, которая не поддерживается, по крайней мере, большинство браузеров.
Нет ничего неправильного или неправильного в использовании шрифтов, специфичных для Windows/Vista, при условии, что вы плавно перейдете на широкодоступный шрифт.Например:
font-family: Calibri, Tahoma, Helvetica, Sans-Serif;
На самом деле в этом вся суть!
CSS2 предлагает:
@font-face {
font-family: Garamond;
src: url(garamond.eot), url(garamond.pfr);
}
Обратите внимание, что ответственный веб-разработчик не использует шрифты, доступные только в Windows (и особенно те, которые доступны только в Vista), а также не использует технологию, которая не поддерживается по крайней мере большинством браузеров.
Я думаю, что это скорее упускает суть.Если бы вы это сделали, это не имело бы значения;каждый получит что-то разумное, что он сможет легко читать, а те, кому это нужно, могут в любом случае изменить шрифт на любой, который они хотят, потому что это просто текст, и все основные браузеры позволяют настраивать шрифт, который вы видите, независимо от предпочтений дизайнера сайта.
Нет ничего плохого в том, чтобы предлагать в CSS шрифты, которых нет у некоторых пользователей;они просто видят что-то отличное от вас.Разное не сломано.Они даже не зададутся вопросом, почему вы используете шрифты по умолчанию, потому что не будут знать, что другие люди видят что-то другое.
В этом весь смысл наборов шрифтов:
Verdana, Arial, Helvetica, sans-serif
Это хорошая практика именно потому, что она признает, что люди будут видеть разные вещи.
Это тоже хорошая практика:
Gill Sans, Verdana, Arial, Helvetica, sans-serif
Итак, у большинства людей нет Гилла – кого это волнует?Несмотря на это, они получают совершенно хороший сайт.
И это тоже было бы хорошо, но немного странно и лениво:
Gill Sans
Безответственный веб-дизайн — это размещение текста в виде изображений без использования замещающего текста или использование интересных шрифтов в наборах шрифтов.
IE поддерживает @font-face (начиналось это как их собственная технология в MS Word). Вот сообщение в блоге команды IE об этом примерно месяц назад..
Обратите внимание, что ответственный веб-разработчик не использует шрифты, доступные только в Windows (и особенно те, которые доступны только в Vista), а также не использует технологию, которая не поддерживается по крайней мере большинством браузеров.
Ну… Вы можете, если знаете, как это будет отображаться в ОС, отличной от Vista/не-Windows.
В противном случае:да, @font-face в CSS2 — лучшая стандартная альтернатива, даже если она не получила широкой поддержки.
Я предполагаю, что любой метод отправки шрифтов с веб-страницы будет представлять некоторую угрозу безопасности.Я слышал о методах, при которых в случае, если у клиента нет необходимого шрифта, текст может быть динамически заменен изображением или каким-то флэш-изображением.Единственный подобный вариант, который я сейчас могу найти, находится по адресу AListApart но это может быть уже лишним.Для работы указанного метода также потребуются CSS, изображения и JavaScript, и его может быть сложно реализовать в разных браузерах.
