Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   не отображаются шрифты! (https://javascript.ru/forum/xhtml-html-css/28018-ne-otobrazhayutsya-shrifty.html)

l-liava-l 03.05.2012 19:37

не отображаются шрифты!
 
Доброго времени суток!
Собственно не отображаются шрифты на сайте, когда смотрю со своего компутера.( с чужих все нормально)
Шрифты не выставлял в браузере, кэш чистил,браузеры обновлял...

вот как устанавливаю не знаю чем поможет но фиг с ним.
Код:

@font-face
{

font-family:"Archangelsk",
src: url('../fonts/Archangelsk.ttf');
font-family:"AntiqueTradyBrk",
src: url('../fonts/AntiqueTradyBrk.ttf');
//
selector{
font-family:"AntiqueTradyBrk";
}
}

l-liava-l.narod2.ru (вот ссылка на недоделанный сайт.)
магия да и только:blink:

bes 03.05.2012 21:34

Попробуйте закрыть скобки в нужном месте и убрать комментарий //, который в стилях не используется, а также фразы font-family и src отделяются точкой с запятой.
<style>
@font-face {
  font-family: Archangelsk;  
  src: local("Archangelsk"), /* так можно проверить установлен ли шрифт в ОС*/
    url(Archangelsk.ttf); 
}

body {font-family: Archangelsk}
</style>

Так должно быть лучше.

l-liava-l 03.05.2012 22:32

Да заработало, благодарю.
Видимо проблема была в запятой после font-family. Странно что в таких же браузерах на другом компьютере все работало
А // комментарием я просто разделил код здесь, чтобы лишнего в коде не писать.

bes 04.05.2012 09:38

Цитата:

Сообщение от l-liava-l
Видимо проблема была в запятой после font-family

И в скобке, поставленной не в нужном месте, тоже.

Цитата:

Сообщение от l-liava-l
А // комментарием я просто разделил код здесь, чтобы лишнего в коде не писать.

Код есть код, неправильный комментарий - это ошибка.

Цитата:

Сообщение от l-liava-l
Странно что в таких же браузерах на другом компьютере все работало

Это загадка, возможно у них в ОС просто был установлен используемый шрифт.

Цитата:

Сообщение от l-liava-l
Да заработало, благодарю.

И учтите, что данный код не кроссбраузерный, в IE он работать не будет.
Для IE нужно создать подобное правило, используя шрифт, сохранённый в формате файла eot (придётся конвертировать из ttf, если сразу нет такого файла).
Данное правило рекомендуется записывать перед ttf-ным, дабы файл eot грузился первым, а если человек работает в IE, не грузился ещё и файл ttf.
Также не пренебрегайте проверкой local, так как зачем лишний раз грузить шрифт, если он и так установлен в ОС.


Часовой пояс GMT +3, время: 20:33.