Подгрузка шрифтов к странице

@Djon · Регистрация: 22.10.2007

Студворк — интернет-сервис помощи студентам

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

@mik-a-el · 28.11.2007, 13:31

Можно через CSS. Есть такое правило @font-face, позволяющее использовать свой шрифт вне зависимости от браузера/операционной системы пользователя. Для начала нужен сам файл, отвечающий за шрифт:

C:\Windows\Fonts\FontFile.ttf

Его нужно поместить на сервер. Затем в файле стилей .css нужно описать соответствующее правило:

@font-face {
font-family: “FontName”; - название шрифта
src: url(”http://site.ru/fonts/FontFile.ttf”); - путь к описывающему его файлу
font-size: 1.5 em; - здесь можно указать другие типичные свойства шрифта.
}
h1 { font-family: “FontName” } - ну а здесь мы его уже используем.

Не рекомендуется злоупотреблять этим правилом, так как файлы шрифтов как правило весят довольно много и время загрузки сайта соответственно увеличивается. Да и разнообразие шрифтов на странице режет глаз и отвлекает от сути. Кроме того, семейство Internet Explorer перед загрузкой страницы предупреждает, что сайт пытается загрузить шрифт в систему, что многим может не понравиться.

@PRO-grammer · 24.03.2008, 20:10

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

17.03.2009, 01:06

Сообщение от PRO-grammer

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

Поддерживается IE начиная с 4.0

Новые блоги и статьи Все статьи Все блоги /
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .

@Djon 185 / 0 / 1 Регистрация: 22.10.2007 Сообщений: 24

	Подгрузка шрифтов к странице 28.11.2007, 13:23. Показов 31630. Ответов 3 Метки нет (Все метки) У меня такая проблема. Я создаю Web-страничку на которой находится текст. Он должен отображаться шрифтом, который есть не у каждого (ну очень уж он мне понравился, да и к дизайну подходит). Дак вот, как сделать так чтобы этот шрифт подгружался к пользователю вместе с открытием странички? 0

@mik-a-el Администратор 87797 / 53118 / 249 Регистрация: 10.04.2006 Сообщений: 13,760
	28.11.2007, 13:31
	Можно через CSS. Есть такое правило @font-face, позволяющее использовать свой шрифт вне зависимости от браузера/операционной системы пользователя. Для начала нужен сам файл, отвечающий за шрифт: C:\Windows\Fonts\FontFile.ttf Его нужно поместить на сервер. Затем в файле стилей .css нужно описать соответствующее правило: @font-face { font-family: “FontName”; - название шрифта src: url(”http://site.ru/fonts/FontFile.ttf”); - путь к описывающему его файлу font-size: 1.5 em; - здесь можно указать другие типичные свойства шрифта. } h1 { font-family: “FontName” } - ну а здесь мы его уже используем. Не рекомендуется злоупотреблять этим правилом, так как файлы шрифтов как правило весят довольно много и время загрузки сайта соответственно увеличивается. Да и разнообразие шрифтов на странице режет глаз и отвлекает от сути. Кроме того, семейство Internet Explorer перед загрузкой страницы предупреждает, что сайт пытается загрузить шрифт в систему, что многим может не понравиться. 1

@PRO-grammer 0 / 0 / 0 Регистрация: 24.03.2008 Сообщений: 12
	24.03.2008, 20:10
	Да и к тому же, такой способ "едят" не все браузеры... Уж лучше графикой пользоватся или дефолтными шрифтами 0