Не подключается нестандартный шрифт

@Helen7 · Регистрация: 11.08.2009

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

Не могу подключить сторонний шрифт... что я делаю не так?

CSS
1
2
3
4
5
6
7
@font-face {
    font-family:exampleFont;
    src:url(font/exampleFont.ttf);
}
body {
    font-family:exampleFont;
}

@Сергей.NET · 02.02.2011, 14:32

Посмотрите здесь

@Rayled · 02.02.2011, 14:45

Helen7, вы все абсолютно правильно указали, возможно проблема с самим файлом шрифта или с приоритетами стилей. То есть возможно в вашем CSS есть какой-то селектор, который тоже содержит font-family (или font) и влияет на HTML-элементы страницы. Но при этом является более мощным или находится ниже в CSS-коде, например:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>__________</title>
  <style type="text/css">
@font-face {
    font-family:'exampleFont';
    src:url('font/exampleFont.ttf');
}
body {
    font-family:'exampleFont';
}
#wrap {
    font-family:'Arial', sans-serif;
}
  </style>
 </head>
 <body>
 <div id="wrap">
  <p>Бла-бла.</p>
 </div>
 </body>
</html>

В данном случае применится шрифт Arial.

@Сергей.NET · 02.02.2011, 14:46

Rayled, добавлю еще, что это не работает в IE

@Rayled · 02.02.2011, 15:06

Сообщение от Сергей.NET

Rayled, добавлю еще, что это не работает в IE

не совсем, они поддерживают только адобовский формат EOT, а вот TTF да, его они не понимают, кроме IE9.

@Helen7 · 02.02.2011, 15:51 **[ТС]**

Нет, с приоритетами у меня все нормально... и проверяю в браузерах, которые поддерживают font-face и ttf(firefox 3.6 и хром), но шрифты все равно не подключаются

@Сергей.NET · 02.02.2011, 15:53

а как названия шрифта?

@Helen7 · 02.02.2011, 16:08 **[ТС]**

брала разные примеры, ошибка не в шрифте...никакие не работают...

@Сергей.NET · 02.02.2011, 16:21

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>
  <style type="text/css">
   @font-face {
    font-family: Pompadur; 
    src: url(pompadur.ttf); 
   }
   P {
    font-family: Pompadur;
   }
  </style>
 </head>
 <body>
  <p>tekst.</p>
 </body>
</html>

у меня вот этот код работает,

@taras atavin · 02.02.2011, 16:23

Сообщение от Сергей.NET

Посмотрите здесь

ссылка не работает.

@Сергей.NET · 02.02.2011, 16:24

Сообщение от taras atavin

ссылка не работает

ссылка работает, вот адрес http://htmlbook.ru/css/font-face

@taras atavin · 02.02.2011, 16:31

Смотри сам:

@Helen7 · 02.02.2011, 16:35 **[ТС]**

Сообщение от Сергей.NET

у меня вот этот код работает

А у меня этот же код не работает(шрифт с таким именем скачала в ту же папку)

где может быть причина?

@Сергей.NET · 02.02.2011, 16:43

Сообщение от taras atavin

Смотри сам:

у меня все нормально открывает

@Helen7 · 03.02.2011, 11:27 **[ТС]**

не подключается только этот шрифт... семейство FreeSet

@Alligieri · 03.02.2011, 13:52

Не по теме:

Сообщение от Сергей.NET

у меня все нормально открывает

как оно может открыватся если сайт лежит уже 10 дней (ато и больше)?

Helen7, возможно слишком большой объем файла? попробуйте через веб-тул какой нибудь сгенерить только нужный набор символов, например через этот

@Сергей.NET · 03.02.2011, 13:54

Не по теме:

Сообщение от Alligieri

как оно может открыватся если сайт лежит уже 10 дней (ато и больше)?

сайт работает, и вчера работал, или думайте я волшебник что он работает только у меня?

@Helen7 · 03.02.2011, 16:48 **[ТС]**

40кб размер..

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Киев стоит - украинская песня zorxor 28.01.2026 wfWdiRqdTxc О Господи, Вечный, Ты . . . Я помоги, Бесконечный. . . Я прошу Ты. . . Я погибаю, спаси. . . Я прошу Тебя Вечный. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	02.02.2011, 14:32
	Посмотрите здесь 0

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	02.02.2011, 14:46
	Rayled, добавлю еще, что это не работает в IE 0

@Helen7 4 / 4 / 1 Регистрация: 11.08.2009 Сообщений: 110
	02.02.2011, 15:51 [ТС]
	Нет, с приоритетами у меня все нормально... и проверяю в браузерах, которые поддерживают font-face и ttf(firefox 3.6 и хром), но шрифты все равно не подключаются 0

@Сергей.NET Программист 416 / 416 / 7 Регистрация: 10.09.2010 Сообщений: 1,344
	02.02.2011, 15:53
	а как названия шрифта? 0

@Helen7 4 / 4 / 1 Регистрация: 11.08.2009 Сообщений: 110
	02.02.2011, 16:08 [ТС]
	брала разные примеры, ошибка не в шрифте...никакие не работают... 0

@taras atavin 4226 / 1796 / 211 Регистрация: 24.11.2009 Сообщений: 27,562
	02.02.2011, 16:31
	Смотри сам: Миниатюры 0

@Helen7 4 / 4 / 1 Регистрация: 11.08.2009 Сообщений: 110
	03.02.2011, 11:27 [ТС]
	не подключается только этот шрифт... семейство FreeSet 0

@Helen7 4 / 4 / 1 Регистрация: 11.08.2009 Сообщений: 110
	03.02.2011, 16:48 [ТС]
	40кб размер.. 0