Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: @font-face
 
 автор: sasha12342   (16.04.2014 в 01:55)   письмо автору
 
 

Здравствуйте!
Столкнулся с такой проблемой: на домашнем ПК создал папку и закинул туда html файл, css файл и шрифт в 4-ех форматах (ttf,eot,svg,woff). В файле со стилями прописал код:
@font-face {
    font-family: 'yyy';
    src: url('xxx-webfont.eot');
    src: url('xxx-webfont.eot?#iefix') format('embedded-opentype'),
         url('xxx-webfont.woff') format('woff'),
         url('xxx-webfont.ttf') format('truetype'),
         url('xxx-webfont.svg#yyy') format('svg');
    font-weight: normal;
    font-style: normal;

}

Но проблема в том, что этот шрифт, ни один браузер не читает! Как заставить их это сделать?

  Ответить  
 
 автор: KPETuH   (16.04.2014 в 10:20)   письмо автору
 
   для: sasha12342   (16.04.2014 в 01:55)
 

а если явно прописать путь к файлу?

  Ответить  
 
 автор: sasha12342   (16.04.2014 в 11:09)   письмо автору
 
   для: KPETuH   (16.04.2014 в 10:20)
 

Пробовал, не хочет...
А если через денвер открываю (index.html) то шрифт нормально отображается. Получается, у денвера хватает мозгов прочитать и отобразить шрифт а у браузеров нет?

  Ответить  
 
 автор: KPETuH   (16.04.2014 в 11:17)   письмо автору
 
   для: sasha12342   (16.04.2014 в 11:09)
 

какой путь вы прописывали?

  Ответить  
 
 автор: sasha12342   (16.04.2014 в 15:09)   письмо автору
 
   для: KPETuH   (16.04.2014 в 11:17)
 

1 - src: url('file:///C:/Documents%20and%20Settings/SASHA/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B8%D0%B9%20%D1%81%D1%82%D0%BE%D0%BB/%D0%B2%D1%81%D0%B5%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B8/shrift/moi_shrift.ttf');

2 - src: url('file:///C:/Documents and Settings/SASHA/Рабочий стол/все папки/shrift/moi_shrift.ttf');

3 - src: url('C:\Documents and Settings\SASHA\Рабочий стол\все папки\shrift\moi_shrift.ttf');

4 - src: url('moi_shrift.ttf');

  Ответить  
 
 автор: KPETuH   (16.04.2014 в 16:20)   письмо автору
 
   для: sasha12342   (16.04.2014 в 15:09)
 

а html где лежит?

  Ответить  
 
 автор: sasha12342   (16.04.2014 в 16:37)   письмо автору
 
   для: KPETuH   (16.04.2014 в 16:20)
 

В папке "shrift". Все файлы лежат в одной директории (в папке shrift).

  Ответить  
 
 автор: KPETuH   (16.04.2014 в 16:52)   письмо автору
 
   для: sasha12342   (16.04.2014 в 16:37)
 

Так пробовали?
src: url('./moi_shrift.ttf');

  Ответить  
 
 автор: sasha12342   (16.04.2014 в 17:14)   письмо автору
 
   для: KPETuH   (16.04.2014 в 16:52)
 

Только что попробовал, не видит...

  Ответить  
 
 автор: moonfox   (16.04.2014 в 20:55)   письмо автору
 
   для: sasha12342   (16.04.2014 в 17:14)
 

высуньте css в корень
а шрифты в папку

  Ответить  
 
 автор: sasha12342   (16.04.2014 в 23:02)   письмо автору
79.1 Кб
 
   для: moonfox   (16.04.2014 в 20:55)
 

Сунул, ноль эмоций...
src: url('shrift2/moi_shrift.ttf');

Может, у себя кто нибудь попробует установить, и корректно отобразить.

  Ответить  
 
 автор: KPETuH   (16.04.2014 в 23:23)   письмо автору
 
   для: sasha12342   (16.04.2014 в 23:02)
 

вы открываете браузером html или открываете сайт?

  Ответить  
 
 автор: sasha12342   (16.04.2014 в 23:31)   письмо автору
 
   для: KPETuH   (16.04.2014 в 23:23)
 

html (просто щелкаю по нему из папки shrift)

  Ответить  
 
 автор: KPETuH   (16.04.2014 в 23:41)   письмо автору
 
   для: sasha12342   (16.04.2014 в 23:31)
 

Отлично работает ваш шрифт

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>@font-face</title>
  <style>
   @font-face {
    font-family: yyy; /* Имя шрифта */
    src: url(./123.ttf); /* Путь к файлу со шрифтом */
   }
   P {
    font-family: yyy;
   }
  </style>
 </head>
 <body>
  <p>Протяженность варьирует дорийский микрохроматический интервал, 
     но если бы песен было раз в пять меньше, было бы лучше для всех.</p>
 </body>
</html>

  Ответить  
 
 автор: sasha12342   (17.04.2014 в 00:41)   письмо автору
 
   для: KPETuH   (16.04.2014 в 23:41)
 

Круто! А я указал кодировку файла "utf-8" (в редакторе) и решил что этого будет достаточно :)
Спасибо большое за помощь, в целом, и за <meta charset="utf-8"> в частности.

Кстати а зачем прописывать "./" для файла который находиться в той-же директории?

  Ответить  
 
 автор: KPETuH   (17.04.2014 в 13:37)   письмо автору
 
   для: sasha12342   (17.04.2014 в 00:41)
 

ну так на всякий случай привычка, иногда правда выходит боком )

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования