2010-06-10 4 views
0

Я знаю, что могу использовать шрифты типа arial «бесплатно». Но что, если я хочу использовать не стандартный шрифт?Использование шрифта на сайте

Это что-то, что браузер должен поддерживать?

Где я могу проверить, например, какие шрифты Firefox 3.6.3 поддерживает?

Я бы хотел, например, изменить шрифт области ввода текста.

ответ

1

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

Однако новая спецификация CSS3 позволяет вам distribute your own fonts with your webpage. В настоящее время он поддерживается только последними версиями Firefox, Safari, Google Chrome и Opera.

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

+0

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

0

Единственные «шрифты», которые повсеместно поддерживаются, - serif, sans-serif и monospace. Если вам нужно что-нибудь еще, то попробуйте удачу и укажите его, или embed it.

0

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

Для черно-белого текста мне лично нравится gif-формат, яркие, я бы использовал jpg или png (хотя я начинаю больше нравиться png).

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

+0

PNG> JPEG, если это не реальная фотография. – Matchu

+0

Вау, я каждый день узнаю что-то новое. Спасибо за хэдшоп :) – chimgrrl

0

Где я могу проверить, например, какие шрифты Firefox 3.6.3 поддерживает?

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

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

Однако, если вы хотите пойти на нестандартный шрифт, то вы, как ожидается, сказать пользователь, когда получить, что fon't из которого не является хорошей практикой вообще.

В стиле font-family CSS, вы можете указать имена шрифтов, разделенных запятыми, как:

font-family:fancy, arial, verdana 

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

Наконец, посмотрите на:

sIFR – Use custom fonts in your website safely

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

1

Есть несколько сайтов, которые имеют простой интерфейс для создания типа CSS для Windows, Mac или обоих, с относительно «безопасными» вариантами шрифтов, которые используются большинством веб-пользователей.

Отъезд: http://www.typetester.org - он имеет удобный интерфейс предварительного просмотра и опции «экспорт в CSS».

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

Смежные вопросы