Перейти к публикации

Использование нестандартного шрифта


Рекомендованные сообщения

хм... интересный вопрос..

надеюсь что никак. мне бы не хотелось, чтобы сайт мне что-то подгружал

Ссылка на сообщение
Поделиться на других сайтах

До появления Internet Explorer 4.0 Web-мастер должен были использовать встроенные шрифты в браузер или использовать шрифты, доступные в системе. CSS представляет WEB-мастеру возможность указания отображаемых шрифтов, которые загружаются вмести с Web-страницей, что гарантирует правильную обработку страницы. Загружаемый шрифт определяется с помощью новых элементов в синтаксис CSS. Ниже приведен синтаксис для определения загружаемого шрифта в CSS:

@font-face {font-family: fontName; src: url(failMame.eot) }
значение fontName, на которое впоследствии ссылается свойство CSS font-family, определяется пользователем. Ниже приведен полный пример:
   <style>

   @font-face{ font-family: demoFont; src: url(http://myweb.ru/superFont.eot)}

   H1 {font-family: demoFont, Arial, sans-serif;}

   </style>

   <h1> Текст отображается с использованием загружаемого шрифта </h1>

после определения нового шрифта его имя может быть использовано как действительное для свойства font-family. Свойство font-family может быть связано с равным списком шрифтов, так что если первый в списке шрифтне может быть загружен, то браузер попытается загрузить следующий шрифт или семейство шрифтов. В данном примере последним определенным шрифтом является sans-serif, что позволяет браузеру использовать любой шрифт семейства sans-serif для воспроизведения элемента.

Ссылка на сообщение
Поделиться на других сайтах

Cascading Style Sheets, level 2, CSS2 Specification

15.3.1 Описания шрифтов и правило @font-face

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

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

Можно выделить три типа дескрипторов шрифтов:

дескрипторы, устанавливающие связь между использованием конкретного шрифта в CSS и его описанием (имена этих дескрипторов совпадают с названиями соответствующих свойств шрифтов в CSS);

URI, устанавливающие местоположение данных о шрифте;

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

Все дескрипторы определяются с использованием правила at @font-face. Общая форма его записи имеет вид:

@font-face { <font-description> }
где <font-description> имеет следующую форму: дескриптор: значение; дескриптор: значение; [...] дескриптор: значение; Каждое правило @font-face явным или неявным образом определяет значение для каждого дескриптора шрифта. Дескрипторы, значения которых в этом правиле не были заданы явно, принимают свои начальные значения, определенные в данной спецификации для каждого дескриптора. Дескрипторы используются исключительно в контексте правила @font-face, в котором они и определяются, и не применяются к элементам языка документа. Более того, не существует точного представления о том, к каким элементам могут применяться дескрипторы, и наследуются ли их значения дочерними элементами. Доступные дескрипторы шрифтов описаны в следующих разделах данной спецификации. В следующем примере шрифт 'Robson Celtic' определяется и вызывается в рамках таблицы стилей, содержащейся в HTML-документе.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

<HTML>

  <HEAD>

	<TITLE>Тестирование шрифтов</TITLE>

	<STYLE TYPE="text/css" MEDIA="screen, print">

	  @font-face {

		font-family: "Robson Celtic";

		src: url("http://site/fonts/rob-celt")

	  }

	  H1 { font-family: "Robson Celtic", serif }

	</STYLE>

  </HEAD>

  <BODY>

	<H1> Этот заголовок отображается шрифтом Robson Celtic</H1>

  </BODY>

</HTML>

Таблица стилей (в элементе STYLE) содержит правило CSS, которое устанавливает для всех элементов H1 гарнитуру шрифтов 'Robson Celtic'.

Приложение, использующее CSS1, выполнит в системе пользователя поиск шрифта, название гарнитуры которого и другие свойства соответствуют 'Robson Celtic'. Если такой шрифт не будет найден, то будет использован подстановочный антиквенный шрифт (который по определению обязательно существует), определенный пользовательским агентом.

Пользовательский агент, поддерживающий CSS2, в первую очередь проверяет правила @font-face на наличие описания шрифта 'Robson Celtic'. В данном примере такое правило имеется. Несмотря на то, что это правило содержит не так много данных о шрифте, оно содержит URI, который позволит загрузить его для последующего отображения документа. Загружаемые шрифты не должны становиться доступными для других приложений. Если ни одного подходящего правила @font-face не найдется, то будет использована стратегия, реализуемая пользовательским агентом, поддерживающим CSS1.

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

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

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

Если дескриптор шрифта повторяется несколько раз, то учитывается только последнее его вхождение, а остальные игнорируются.

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

Ссылка на сообщение
Поделиться на других сайтах

а покажите хоть сайт, где такое используется уже

Если честно, в Сети не встречал использования. А может не замечал.

P.S. Я вот решил заморочиться, посмотреть. Стукнусь в аську, посмотрим-)

Вообще, я чего то там призадумался: а кого мак, линукс? Там нет виндовых шрифтов...

Ссылка на сообщение
Поделиться на других сайтах

@font-face { <font-description> }

подобная конструкция мало где работает.

для таких целей лучше использовать SiFR

Ссылка на сообщение
Поделиться на других сайтах

Короче нафиг оно нам надо...

Вообще, я чего то там призадумался: а кого мак, линукс? Там нет виндовых шрифтов...
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Стукнусь в аську, посмотрим-)
я спал)
Ссылка на сообщение
Поделиться на других сайтах

Не, ну это стандартные для web'а. А типа рукописного уже не вставишь под все ОС

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

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

Ссылка на сообщение
Поделиться на других сайтах

где возможно сделать графику да. А где хочется обычный шрифт поменять? Имеется ввиду что не прям панацея менять все шрифты. А какие то основные заголовки. Хотя с другой стороны кирилические шрифты какие то нормальные тоже фиг найдёшь

Ссылка на сообщение
Поделиться на других сайтах

А где хочется обычный шрифт поменять?

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

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...