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

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

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

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

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

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

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

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

17
Программист
403 / 403 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
02.02.2011, 14:32 2
Посмотрите здесь
0
242 / 61 / 4
Регистрация: 23.01.2011
Сообщений: 165
02.02.2011, 14:45 3
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
Программист
403 / 403 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
02.02.2011, 14:46 4
Rayled, добавлю еще, что это не работает в IE
0
242 / 61 / 4
Регистрация: 23.01.2011
Сообщений: 165
02.02.2011, 15:06 5
Цитата Сообщение от Сергей.NET Посмотреть сообщение
Rayled, добавлю еще, что это не работает в IE
не совсем, они поддерживают только адобовский формат EOT, а вот TTF да, его они не понимают, кроме IE9.
0
4 / 4 / 1
Регистрация: 11.08.2009
Сообщений: 110
02.02.2011, 15:51  [ТС] 6
Нет, с приоритетами у меня все нормально... и проверяю в браузерах, которые поддерживают font-face и ttf(firefox 3.6 и хром), но шрифты все равно не подключаются
0
Программист
403 / 403 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
02.02.2011, 15:53 7
а как названия шрифта?
0
4 / 4 / 1
Регистрация: 11.08.2009
Сообщений: 110
02.02.2011, 16:08  [ТС] 8
брала разные примеры, ошибка не в шрифте...никакие не работают...
0
Программист
403 / 403 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
02.02.2011, 16:21 9
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
4193 / 1784 / 211
Регистрация: 24.11.2009
Сообщений: 27,563
02.02.2011, 16:23 10
Цитата Сообщение от Сергей.NET Посмотреть сообщение
Посмотрите здесь
ссылка не работает.
0
Программист
403 / 403 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
02.02.2011, 16:24 11
Цитата Сообщение от taras atavin Посмотреть сообщение
ссылка не работает
ссылка работает, вот адрес http://htmlbook.ru/css/font-face
0
4193 / 1784 / 211
Регистрация: 24.11.2009
Сообщений: 27,563
02.02.2011, 16:31 12
Смотри сам:
0
Миниатюры
Не подключается нестандартный шрифт  
4 / 4 / 1
Регистрация: 11.08.2009
Сообщений: 110
02.02.2011, 16:35  [ТС] 13
Цитата Сообщение от Сергей.NET Посмотреть сообщение
у меня вот этот код работает
А у меня этот же код не работает(шрифт с таким именем скачала в ту же папку)
где может быть причина?
0
Программист
403 / 403 / 7
Регистрация: 10.09.2010
Сообщений: 1,344
02.02.2011, 16:43 14
Цитата Сообщение от taras atavin Посмотреть сообщение
Смотри сам:
у меня все нормально открывает
Не подключается нестандартный шрифт
0
4 / 4 / 1
Регистрация: 11.08.2009
Сообщений: 110
03.02.2011, 11:27  [ТС] 15
не подключается только этот шрифт... семейство FreeSet
0
CEO
Эксперт С++
2255 / 1245 / 57
Регистрация: 16.03.2009
Сообщений: 3,588
03.02.2011, 13:52 16

Не по теме:

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


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

Не по теме:

Не по теме:

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


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

0
4 / 4 / 1
Регистрация: 11.08.2009
Сообщений: 110
03.02.2011, 16:48  [ТС] 18
40кб размер..
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
03.02.2011, 16:48

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

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

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

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

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

Не подключается шрифт
Почему может не подключаться шрифт? На скриншоте вроде подключен, но отображается sans-serif Ниже...

Не подключается шрифт
Где ошибка? Гарнитура шрифта - как я понял писать можно что угодно? Это по типу ссылки? ...


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

Или воспользуйтесь поиском по форуму:
18
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.