CSS3 конечно не за горами, но пока приходится использовать костыли. Иногда нужно вывести например заголовок каким-нибудь нестандартным шрифтом.
Можно нарисовать на картинке, но если текст динамически меняется то потребуется подключать скрипты для обработки изображений. Вот тут парни нашли как при помощи яваскрипта выводить нестандартные шрифты.
Качаем библиотеку, куфон называется.
Указываем шрифты, какие именно символы конвертить, она выдает готовый скрипт для подключения.
Подключаем
- <script type=«text/javascript» src=«js/cufon-yui.js»></script>
- <script type=«text/javascript» src=«js/font.js»></script>
Вызываем
- <script type=«text/javascript»>
- Cufon.replace(‘h1′);
- </script>
Счастливым обладателям виндавса и его ослика следует добавить эту строку, чтобы не тупило
<script type=«text/javascript»> Cufon.now(); </script>
Минусы такого вызова в том что все h1 теги будут заменены. Чтобы поменять только то, что надо, спсоб следующий.
Например через яваскрипт и его getelementbyid
- Cufon.replace(document.getElementById(‘header’).getElementsByTagName(‘h1′));
Либо через jQuery, заюзав библиотеку от гугли и добавив ее перед вызовом куфона
<script type=«text/javascript» src=«http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js»></script>
вызывается так
- Cufon.replace(‘#header h1′);
Минусы: текст получается картинкой, т.е. ни выделить, ни какие либо свойства типа hover ему приписать не получится. Ну и яваскрипт ессно должен работать.
6 responses
Do you want to comment?
Comments RSS and TrackBack Identifier URI ?
Trackbacks