Шрифты в Интернете [дубликаты]

Коллекция шрифтов, доступных для веб-разработчика, удручающе ограничена. Я помню, как читал давным-давно о TrueDoc, как способ доставки шрифтов вместе с веб-сайтом, но, похоже, он томился. Кто-нибудь использовал это или что-то подобное? Поддерживается ли достаточно браузерами? Я пропускаю хорошее решение?

Обратите внимание, что ответственный веб-разработчик не использует шрифты, доступные только в Windows (и особенно те, которые доступны только в Vista), а также не использует технологию, которая не поддерживается по крайней мере большинством браузеров.


Обновление: как указали несколько человек, нет ничего плохого в том, чтобы предоставить список запасных шрифтов для людей, у которых нет определенного шрифта, который вы используете. Я действительно всегда так делаю, и не хотел предполагать, что это неправильно.

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

19.08.2008 14:13:18
Может быть, это хорошо, что шрифты ограничены. Я даже не хочу представить, какие ужасные шрифты люди использовали бы для веб-сайтов, если бы у них был выбор.
Kevin 19.08.2008 15:29:17
Хорошие дизайнеры могут обойтись скучными шрифтами . :) Я надеюсь, что Android вытеснит монополию Microsoft на шрифты с Ascender Droid . В противном случае мы застряли. @ font-face - далеко зашедшее будущее для мобильных телефонов.
hendry 10.09.2008 15:40:13
И есть также хорошая информация о том, как легально использовать веб-шрифты? (особенно ответ Google Fonts)
Pekka 31.12.2011 23:22:17
Ты должно быть шутишь. Каждый из приведенных выше вопросов содержит полный ответ на все, что вам нужно знать.
Pekka 31.12.2011 23:36:49
Пекка выкрикивает три полезные ссылки для вас, и вот как вы решили поблагодарить его? o_0
sarnold 31.12.2011 23:53:50
10 ОТВЕТОВ
РЕШЕНИЕ

Safari и, в меньшей степени, Firefox 3 поддерживают @font-faceCSS, что позволяет использовать пользовательские шрифты. Вам необходимо иметь соответствующую лицензию для распространения файлов шрифтов. Эти статьи объясняют это более подробно:

19
3.05.2014 17:51:28
Можно также использовать @ font-face для IE и Opera. Есть ссылка на статью и конвертер шрифтов. randsco.com/index.php/2009/07/04/cross_browser_font_embedding code.google.com/p/ttf2eot
Michas 12.02.2010 20:14:59
Не опровергайте это, потому что stackexchange препятствует ответам только для ссылок. В любом случае, спасибо за указание на функцию @ font-face css.
Afr 23.02.2014 10:34:26

CSS2 предлагает:

@font-face {
    font-family: Garamond;
    src: url(garamond.eot), url(garamond.pfr);
}
1
3.05.2014 17:52:24
интересно, работает ли со всеми шрифтами?
Drake 1.11.2009 14:14:25

Обратите внимание, что ответственный веб-разработчик не использует шрифты, доступные только в Windows (и особенно те, которые доступны только в Vista), а также не использует технологию, которая не поддерживается по крайней мере большинством браузеров.

Ну ... Вы можете, если вы знаете, как он будет отображаться в не-Vista / не-Windows ОС.

В противном случае: да, @ font-face в CSS2 - лучшая стандартная альтернатива, даже если она не поддерживается широко.

0
19.08.2008 14:22:03

Обратите внимание, что ответственный веб-разработчик не использует шрифты, доступные только в Windows (и особенно те, которые доступны только в Vista), а также не использует технологию, которая не поддерживается по крайней мере большинством браузеров.

Нет ничего плохого или неправильного в использовании шрифтов, специфичных для Windows / Vista, при условии, что вы изящно перейдете на широко доступный шрифт. Например:

font-family: Calibri, Tahoma, Helvetica, Sans-Serif;

На самом деле в этом все дело!

2
3.05.2014 17:56:12

Конечно, вы можете использовать SIFR .

Это изящно ухудшается в браузерах, которые его не поддерживают и доступны.

Он не очень подходит для загрузки текста, но для заголовков и выделения текста он идеален.

Конечно, это обходной путь к внутреннему ограничению браузеров и Интернета в настоящее время, но когда это было не так для большинства веб-технологий и технологий.

3
2.04.2013 15:27:24

Это своевременная тема; мы перешли на 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 ... но оно далеко не универсально, поэтому немного безответственно полагаться на него для глобальной веб-аудитории.

11
19.08.2008 16:51:17

IE поддерживает @font-face(это началось как их собственная технология в MS Word). Вот сообщение в блоге от команды IE об этом примерно месяц назад .

1
3.05.2014 17:55:42

Обратите внимание, что ответственный веб-разработчик не использует шрифты, доступные только в Windows (и особенно те, которые доступны только в Vista), а также не использует технологию, которая не поддерживается по крайней мере большинством браузеров.

Я думаю, что это скорее упущение. Это не имеет значения, если вы сделали; каждый получит что-то осмысленное, что сможет легко прочитать, а те, кому это нужно, могут в любом случае изменить шрифт на любой, какой захотят, потому что это всего лишь текст, и все основные браузеры позволяют настраивать шрифт, который вы видите, независимо от предпочтений дизайнера сайта.

Нет ничего плохого в том, чтобы предлагать шрифты в вашем CSS, которых нет у некоторых пользователей; они просто видят что-то отличное от тебя. Разное не сломано. Они даже не удивятся, почему вы используете шрифты по умолчанию, потому что они не будут знать, что другие люди видят что-то другое.

В этом весь смысл наборов шрифтов:

Verdana, Arial, Helvetica, sans-serif

Это хорошая практика именно потому, что она признает, что люди будут видеть разные вещи.

Это тоже хорошая практика:

Gill Sans, Verdana, Arial, Helvetica, sans-serif

Таким образом, у большинства людей нет Джилла - кого это волнует? Они получают совершенно хороший сайт в любом случае.

И это тоже было бы хорошо, но немного странно и лениво:

Gill Sans

Безответственный веб-дизайн - это установка текста в виде изображений без использования альтернативного текста, без использования интересных шрифтов в наборах шрифтов.

1
3.05.2014 17:55:29

Я полагаю, что любой способ отправки шрифтов с веб-страницей представляет угрозу безопасности. Я слышал о методах, когда в случае, если у клиента нет требуемого шрифта, текст может быть динамически заменен изображением или каким-то другим образом отображаемой вспышкой. Единственный такой, который я могу найти сейчас, находится в AListApart, но он уже может быть избыточным. Указанный метод также потребует работы CSS, изображений и JavaScript и может быть болезненным для реализации в разных браузерах.

0
26.08.2008 17:21:09

Вы можете сделать это с помощью нового @font-faceобъявления, доступного в CSS3. Он также очень хорошо поддерживает функцию CSS3 (т.е. начиная с IE4).

Общий синтаксис:

@font-face {
    src: url('path to your font') format('woff|ttf|svg|eot|…');
    font-family: the name to use;
    font-weight: an optional weight;
    font-style: an optional style;
}

Также имеется генератор, который преобразует шрифт в несколько форматов и создает соответствующий CSS.

В настоящее время я бы рекомендовал предоставить только файл WOFF; это удобно, легко создать .

Кроме того, не забудьте указать название формата (например format('woff')); иначе не будет работать на Firefox.

3
3.05.2014 17:49:48