Форум АНТИЧАТ - Шрифт на сайте...

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)

- Болталка (https://forum.antichat.xyz/forumdisplay.php?f=46)

- - Шрифт на сайте... (https://forum.antichat.xyz/showthread.php?t=117910)

Шрифт на сайте...

Привет всем ачатам!
Вообщем дело такое:

Делаю html страничку, печатаю на ней шрифтом который не идет в windows изначально (я его скачал отдельно). Допустим шрифт готический т.е. со всякими загибулинами и прочем выпендрежем! Заливаю эту страничку на хостинг - просматриваю - все "ок!". Иду на другой комп смотреть - на том где нет этого готического шрифта, тк. вот там виден почему то обычный шрифт (прямой) без всяких там готический вые*онов...

В поиске не искал не знаю как сформулировать вопрос по этому... так что заранее спасибо за адекватный ответ!!! :)

http://otvety.google.ru/otvety/thread?tid=096759458c895aa9

Цитата:

http://otvety.google.ru/otvety/thread?tid=096759458c895aa9

Там до конца так и не додумали! А все что предлагали немножко не подходит!!!

Дело в том что если перевести весь текст в картинки - тут вытекают следующие "неудобности\недочеты"
Например - затрудняется индексация в поисковых системах + нельзя просто взять и скопировать текст!!!

Нарыл значит в интронете такое:

Цитата:

И нам с помошью CSS нужно автоматически закачать и установить файл шрифта True Type Font (.ttf), но установка произойдет только в том случае, если компьютер пользователя не обнаружит требуемого шрифта. Первым делом мы должны указать место положения шрифта. Для этого прописываем между тегами <head> и </head> так :

<style>
p {font-family: URL шрифта (например, www.domen.ru/fonts/font.ttf) ;}
</style>

<style>

p {font-family: (http://www.domen.ru/fonts/font.ttf);}

</style>

Таким образом вы можете использовать любые шрифты на своём сайте.
Можно ли заставить IE отображать шрифт из Файла my-font.ttf? У провайдера на машине эти фонты точно не установлены.

Это без труда реализуется в CSS, надо просто написать такой параметр: @font-face { font-family: my-font; src:url(http://mysite.ru/my-font.ttf);}

Как только не мучился, как только не вставлял это в index - никакого толку!!!
Уже и так писал:

Цитата:

p {font-family: (http://www.domen.ru/fonts/font.ttf);}

и так:

Цитата:

p {font-family: ('http://www.domen.ru/fonts/font.ttf');}

и так:

Цитата:

p {font-family: "font_name" URL(http://www.domen.ru/fonts/font.ttf);}

и так:

Цитата:

{font-family: URL('http://www.domen.ru/fonts/font.ttf');}

Толку блин никакого!!!
Видно при открытии в IE идет загрузка font.ttf но толку ноль!
Может кто-нибудь по подробнее объяснить???

Ржунимагу, если подробно, то подгрузка шрифта это нарушение безопасности компьютера. Даже если ты и сможешь подгрузить то пользователя будут все время пугать сообщениями о подгрузки фиг знает чего с твоего сайта. Плюс ХЗ сколько у тебя будет грузиться шрифт, т е еще надо и прелоад делать какой то, иначе просто он загрузится только после загрузки страницы.
От сюда делай вывод, почему у тебя не грузится. На другом компьютере твой шрифт появится, только если ты заставишь пользователя его на комп поставить. Для отображение шрифта используй либо Flash, либо картинки.

либо какойто из стандартного набора windows

Вот просто сделал посик по инету
http://wiki.novemberborn.net/sifr3/
Это пример того как работает
http://dev.novemberborn.net/sifr3/beta2/demo/

Собственно Егорычу отдельное спасибо за принятое участие!
Вот расскажу как удалось без ущербно реализовать эту прихоть... (Малоли еще кому понадобиться а искать геморно...)

Взято с http://habrahabr.ru

Цитата:

Все мы знаем прекрасные библиотеки sIFR3 и FLIR, которые на лету помогают использовать любой шрифт на веб-страницах.
Правда, с моей точки зрения, их использование (а именно установку и настройку) нельзя считать легким трудом.

Сегодня я расскажу о библиотеке Typeface.js, которая, как видно из названия, работает на чистом Javascript.
http://farm4.static.flickr.com/3410/...629973d3_o.jpg

Немного теории

Официальный сайт библиотеки Typeface.js — http://typeface.neocracy.org/. На этом ресурсе можно найти всю дополнительную информацию.

Как это работает

Библиотека основывается на встроенных в браузер возможностях отрисовки векторной графики. Уже довольно долгое время браузеры поддерживают отрисовку векторной графики, Firefox имеет поддержку обьектов canvas и SVG, а IE поддерживает VML. Поддержка браузеров, заявленная разработчиком Дэвидом Честером (David Chester): Firefox 1.5+, Safari 2+, Internet Explorer 6+.
Библиотека состоит из двух компонентов: perl модул для конвертирования truetype шрифтов в векторные координаты и javascript-файла, который рендерит текст в браузере используя векторное описание шрифтов.

Преимущества

Самое главное — отсутствие Flash. Всё работает на встроенных возможностях браузеров (при чем даже не самых последних версиях).
Быстрая и простая установка. Не нужно разбираться в тонкостях более «навороченных» sIFR и FLIR.
Текст видим как «текст», его можно выбрать, скопировать и т.д. Поисковики обрабатывают всё именно как текст. Правда, выбрать текст можно только в браузерах, поддерживающих canvas
Поддержка всех свойств текста в CSS2. (font-size, letter-spacing, font-stretch, font-weight, line-height и т.д)

Пример

Подготовка

Качаем библиотеку и заливаем к себе на сервер в папочку /js/
Далее нужно конвертировать нужный truetype шрифт с помощью «Convert a Font» или качаем себе perl моудль.
Поместим полученный в результате конверта файл .js в папочку с библиотекой.

Процесс

В <head> документа помещаем
<script type="text/javascript" src="js/typeface-0.11.js"></script>
<script type="text/javascript" src="js/moj-font.typeface.js"></script>
, где moj-font это тот документ, который мы получили в результате конвертирования.
ВАЖНО! Все css-файлы должны быть подгружены перед подгрузкой библиотеки. Это архиважно, иначе результата не будет.
В <body> документа любому слою, в котором нам нужно присвоить тексту выбранный шрифт, ставим класс typeface-js.
<div class="myclass typeface-js" style="font-family: ALSAgrus; font-size:40px;">
Хабрахабр.ру
</div>
Стиль можно задать как в атрибуте стайл, так и в css. Font-family должен быть названием шрифта, подгруженного с библиотекой. Для справки, правильное название можно посмотреть внизу конвертированного js файла с векторным отображением шрифта.

Всё, можно загружать страницу в браузере и смотреть результат!
А вот пример такой страници целиком:
blockquote>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Хабрафонт</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="js/typeface-0.11.js"></script>
<script type="text/javascript" src="js/als_agrus__regular.typeface.js"></script>

</head>
<body>

<div class="myclass typeface-js" style="font-family: ALSAgrus; font-size:40px;">
Хабрахабр.ру
</div>
<div>
Сверху мы видим обычный текст, обработанный <br /> библиотекой Typeface.js в шрифт ALS Agrus
</div>

</body>
</html>