Как сделать font-face?
Здравствуйте. Как сделать так, что бы текст написался правильным шрифтом? Вот ссылка на песочницу:
http://learn.javascript.ru/play/z2MZjc |
все работает:)
|
kozhilya,
Может быть ваш браузер не поддерживает этот формат шрифта. Погуглите онлайн конвертеры. |
Кст, о шрифтах. Вот недавно нашёл на хабре: Что нам стоит font построить?
|
Цитата:
Цитата:
http://learn.javascript.ru/play/gg1L6b Всё равно не работает. Цитата:
|
Цитата:
Цитата:
Вот кроссбраузерный(Кроме Опера*) пример: Цитата:
|
|
Nanto,
Вот что пишет: ITC has requested that their font Papyrus ru Regular be blacklisted by the Generator. You will not be able to convert this font. Gozar, Вот пробная страничка: http://kozhilya.userforum.ru/pages/experiments И вот её код: <style type="text/css"> @font-face { font-family: "PapyrusRu"; src: url("http://kozhilya2012.narod2.ru/PAPYRUS_en_ru_bloh24.eot"); src: local(""), url("http://kozhilya2012.narod2.ru/PAPYRUS_en_ru_bloh24.woff") format("woff"), url("http://kozhilya2012.narod2.ru/PAPYRUS_en_ru_bloh24.ttf") format("truetype"), url("http://kozhilya2012.narod2.ru/PAPYRUS_en_ru_bloh24.svg#PAPYRUS_en_ru_bloh24") format("svg"); } .demo { font-family: 'PapyrusRu', Sans-Serif; width:800px; margin:10px auto; text-align:left; border:1px solid #666; padding:10px; } </style> <div class="demo" style="font-size:25px"> The quick brown fox jumps over the lazy dog. <br> Съешь ещё этих мягких французских булочек, да выпейже чаю. </div> Почему это не работает?! P.S. Итоговый шрифт должен быть таким же, как и в на картинке в шапке форума. |
Цитата:
Укоротим скрипт: <html><head><style type="text/css"> @font-face { font-family: "bloh"; src: url("http://kozhilya2012.narod2.ru/PAPYRUS_en_ru_bloh24.eot"), url("http://kozhilya2012.narod2.ru/PAPYRUS_en_ru_bloh24.ttf") format("truetype"); } .demo { font: 25px 'bloh' ; width:800px; border:1px solid #666; padding:10px; } </style></head><body> <div class="demo"> The quick brown fox jumps over the lazy dog. <br> Съешь ещё этих мягких французских булочек, да выпейже чаю. </div></body></html> У меня такое работает, только не с твоим шрифтом. Может у тебя шрифт битый? или загрузиться не может с левого урла. |
Цитата:
|
Часовой пояс GMT +3, время: 11:54. |