Cufon 101 онлайн урок.


1. Включите JavaScript для Cufón и Cufon font

<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/TitilliumMaps.font.js"></script>

# 2. HTML

Обычные теги

<h1>Business Solutions</h1>
<h2>Business Insurance</h2>

# 3. Скажите Cufon заменить шрифты для указанных селекторов CSS

<script type="text/javascript">
Cufon.replace('h1, h2', { fontFamily: 'TitilliumMaps26L', hover: true });
</script>

# 4. Добавьте обработку ошибок JavaScript в случае загрузки ошибки

function handleError() { return true; }
window.onerror = handleError;

# 5. CSS

Цвет шрифта, размер и цвет наведения управляются с помощью классов CSS, связанных с элементом HTML.

h1 {
font-size: 50px;
color: red;
}