русский
Germany.ruForen → Архив Досок→ Webdesign und Hosting

Шрифт при помощи CSS

68  
ойМОЛОДой NightRider29.01.07 16:55
ойМОЛОДой
NEW 29.01.07 16:55 
Доброго времени суток!
Проблема следующая: при попытки подвязать какой-нибудь нестандартный шрифт ничего не получается.
Код:
<p style="font-family:MyFont url(myfont.ttf)">TEXT</p>
В чём может быть ошибка? На что обратить внимание?
Заранее спасибо!
[син]"...вечно молодой, вечно пьяный..."[/син]
#1 
  Ostap старожил29.01.07 17:22
29.01.07 17:22 
in Antwort ойМОЛОДой 29.01.07 16:55, Zuletzt geändert 29.01.07 17:29 (Ostap)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Font test</TITLE>
<STYLE TYPE="text/css" MEDIA="screen, print">
@font-face {
font-family: "Robson Celtic";
src: url("http://site/fonts/rob-celt")
}

H1 { font-family: "Robson Celtic", serif }
</STYLE>
</HEAD>
<BODY>
<H1> This heading is displayed using Robson Celtic</H1>
</BODY>
</HTML>
Где Robson Celtic, это видимо не кусок названия файла типа robson_celtic.ttf, а именно название фонта в самом ttf файле.
Расскажи, чего получится, если получится.
#2 
  scorpi_ коренной житель29.01.07 18:03
NEW 29.01.07 18:03 
in Antwort Ostap 29.01.07 17:22, Zuletzt geändert 29.01.07 18:06 (scorpi_)
В ответ на:
Jedoch werden @font-face und alle dazu gehörenden Regeln zur Fontbeschreibung bis heute von keinem Browser unterstützt. Sie wurden deshalb nicht mit nach CSS 2.1 übernommen, sondern gleich im separaten CSS-3-Modul 'Webfonts' zusammengefaßt.

http://www.thestyleworks.de/ref/at_font-face.shtml
http://www.w3.org/TR/css3-webfonts/#referencing
Так что это мжет быть, когда-нибудь появится в браузерах (скажем в мозилле года через 3, а в ие через 5-6), а может нет. Так что забудь пока об этом.
#3 
  Ostap старожил29.01.07 19:12
NEW 29.01.07 19:12 
in Antwort scorpi_ 29.01.07 18:03
Aaa...
#4 
ойМОЛОДой NightRider29.01.07 19:19
ойМОЛОДой
NEW 29.01.07 19:19 
in Antwort scorpi_ 29.01.07 18:03
Ясно. Значит, если надо только заголовок, то картинкой его... Спасиб!
[син]"...вечно молодой, вечно пьяный..."[/син]
#5