Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/79: Рейтинг темы: голосов - 79, средняя оценка - 4.71
4 / 4 / 1
Регистрация: 11.08.2009
Сообщений: 110

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

02.02.2011, 14:03. Показов 14555. Ответов 17
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Не могу подключить сторонний шрифт... что я делаю не так?
CSS
1
2
3
4
5
6
7
@font-face {
    font-family:exampleFont;
    src:url(font/exampleFont.ttf);
}
body {
    font-family:exampleFont;
}
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
02.02.2011, 14:03
Ответы с готовыми решениями:

Не подключается нестандартный шрифт
Приветствую! Беда с нестандартным шрифтом!Перечитала кучу постов на эту тему, вроде все делаю один в один, но не подключается! умаялась,...

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

Нестандартный шрифт на сайте
Если вставить шрифт "Esenin script One" . Браузер его распознает ?

17
Программист
 Аватар для Сергей.NET
416 / 416 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
02.02.2011, 14:32
Посмотрите здесь
0
242 / 61 / 4
Регистрация: 23.01.2011
Сообщений: 165
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.
1
Программист
 Аватар для Сергей.NET
416 / 416 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
02.02.2011, 14:46
Rayled, добавлю еще, что это не работает в IE
0
242 / 61 / 4
Регистрация: 23.01.2011
Сообщений: 165
02.02.2011, 15:06
Цитата Сообщение от Сергей.NET Посмотреть сообщение
Rayled, добавлю еще, что это не работает в IE
не совсем, они поддерживают только адобовский формат EOT, а вот TTF да, его они не понимают, кроме IE9.
0
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
4 / 4 / 1
Регистрация: 11.08.2009
Сообщений: 110
02.02.2011, 16:08  [ТС]
брала разные примеры, ошибка не в шрифте...никакие не работают...
0
Программист
 Аватар для Сергей.NET
416 / 416 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
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>
у меня вот этот код работает,
0
 Аватар для taras atavin
4226 / 1796 / 211
Регистрация: 24.11.2009
Сообщений: 27,562
02.02.2011, 16:23
Цитата Сообщение от Сергей.NET Посмотреть сообщение
Посмотрите здесь
ссылка не работает.
0
Программист
 Аватар для Сергей.NET
416 / 416 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
02.02.2011, 16:24
Цитата Сообщение от taras atavin Посмотреть сообщение
ссылка не работает
ссылка работает, вот адрес http://htmlbook.ru/css/font-face
0
 Аватар для taras atavin
4226 / 1796 / 211
Регистрация: 24.11.2009
Сообщений: 27,562
02.02.2011, 16:31
Смотри сам:
Миниатюры
Не подключается нестандартный шрифт  
0
4 / 4 / 1
Регистрация: 11.08.2009
Сообщений: 110
02.02.2011, 16:35  [ТС]
Цитата Сообщение от Сергей.NET Посмотреть сообщение
у меня вот этот код работает
А у меня этот же код не работает(шрифт с таким именем скачала в ту же папку)
где может быть причина?
0
Программист
 Аватар для Сергей.NET
416 / 416 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
02.02.2011, 16:43
Цитата Сообщение от taras atavin Посмотреть сообщение
Смотри сам:
у меня все нормально открывает
0
4 / 4 / 1
Регистрация: 11.08.2009
Сообщений: 110
03.02.2011, 11:27  [ТС]
не подключается только этот шрифт... семейство FreeSet
0
CEO
Эксперт С++
 Аватар для Alligieri
2258 / 1248 / 57
Регистрация: 16.03.2009
Сообщений: 3,588
03.02.2011, 13:52

Не по теме:

Цитата Сообщение от Сергей.NET Посмотреть сообщение
у меня все нормально открывает
как оно может открыватся если сайт лежит уже 10 дней (ато и больше)?


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

Не по теме:

Не по теме:

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


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

0
4 / 4 / 1
Регистрация: 11.08.2009
Сообщений: 110
03.02.2011, 16:48  [ТС]
40кб размер..
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
03.02.2011, 16:48
Помогаю со студенческими работами здесь

Подключить нестандартный шрифт в Opera, Firefox
Добрый день. Знающие люди, помогите пожалуйста. Пытаюсь подключить небраузерный шрифт Cooperbalckstd во все браузеры с помощью...

Нестандартный шрифт и отступ сверху в linux
Здравствуйте. Использую на сайте нестандартный шрифт, но на машинах с linux'ом происходит странный глюк с отступом сверху. В...

Как подключить к сайту нестандартный шрифт?
Как подрубить шрифт к сайту ? Допустим я хочу подрубить rtv.ttf.

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

Не подключается шрифт
в каком месте лучше включить шрифт? пробовала и в css, и в сам код - не работает шрифт segoe ui. понимаю, что куча тем по шрифтам,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
18
Ответ Создать тему
Новые блоги и статьи
Инструменты 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 и т. д. Сборка примера Скачайте. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru