Замена шрыфтоў Выкарыстанне cufón

  1. Крок 1: Стварыце шрыфт
  2. Крок 2: Уключыце cufón і шрыфт
  3. Крок 3: Шукальнікі і элементы
  4. выбаркі API
  5. 9 Ашаламляльных WebGL Дэмаса
  6. Unicode CSS класы
  7. MooTools Zebra табліцы Plugin

Мы ўсе ведаем пра вялікія метадах замены шрыфта. SIFR вялікая. Малюнак замены шрыфта набыў пар. Ці не занадта шмат людзей ведаюць пра вялікі праект пад назвай Cufón хоць. Cufón выкарыстоўвае унікальнае спалучэнне патэнтаванага інструмента генератара шрыфта і JavaScript для стварэння сродкі візуалізацыі карыстацкага шрыфта ў палатне і VML. Вось як выкарыстоўваць cufón, каб зрабіць шрыфт Sin City для вашых загалоўкаў.

Крок 1: Стварыце шрыфт

Першым крокам з'яўляецца выкарыстоўваць інструмент шрыфта генератара cufón для пераўтварэння і наладзіць спосаб візуалізуе шрыфт. Я быў вельмі ўражаны колькасцю опцый, даступных для пераўтварэння шрыфта. Пасля таго, як пераўтварэнне будзе зроблена, Cufón Сгенерируем ўяўляе вам файл JavaScript, які змяшчае інфармацыю пра шрыфт, як Cufón можа прачытаць яго.

Крок 2: Уключыце cufón і шрыфт

Уключыце файл Cufón JavaScript і файл JavaScript згенераванага шрыфта.

<Тып скрыпту = "тэкст / JavaScript" SRC = "cufon.js"> </ скрыпт> <тып скрыпту = "тэкст / JavaScript" SRC = "Sin_City_400.font.js"> </ скрыпт>

Крок 3: Шукальнікі і элементы

Час, каб выбраць элементы Cufón-Ізі. Я не рэкамендую выкарыстоўваць cufón для кожнага біта мовы на старонцы - гэта можа быць рэсурсаёмістым. Як правіла, вы хочаце выкарыстоўваць нестандартныя шрыфты ў загалоўках, так гэта тое, што я вырашыў зрабіць ніжэй.

Cufon.replace ( '# Cufon-вобласць h1, # Cufon-вобласць h2, # Cufon-вобласць Н-3');

На маю вопыту, Cufón выглядае лепш, чым як SIFR і метады малюнка. абавязкова праверыць cufón паколькі гэта выбітны інструмент, і я з нецярпеннем чакаю, каб убачыць, дзе праект ідзе. Якія вашы думкі?

Спадары ... сардэчна запрашаем у бязвыплатнае Джэсіка Альба малюнка.

  • выбаркі API

    Адзін з горшых захоўваемых сакрэтаў пра AJAX ў Інтэрнэце з'яўляецца тое, што ляжыць у аснове API для гэтага, XMLHttpRequest, быў на самай справе не зрабіў для таго, што мы выкарыстоўвалі яго для. Мы зрабілі так, каб ствараць элегантныя інтэрфейсы вакол XHR, але мы ведаем, што мы можам зрабіць лепш. Нашы намаганні, каб ...

  • 9 Ашаламляльных WebGL Дэмаса

    Столькі, колькі распрацоўнікі зараз ненавідзяць Flash, мы ўсё яшчэ гуляем трохі нагнаць першапачаткова дубляваць магчымасці анімацыі, што старыя тэхналогіі Adobe, прадастаўленыя нам. Вядома, у нас ёсць палатно , Дзіўная тэхналогія, адзін, які я вылучыў 9 ашаламляльных дэмкі , Яшчэ адна тэхналогія, даступная ...

  • Unicode CSS класы

    CSS структура імя класа і паслядоўнасць сапраўды важна; Некаторыя распрацоўшчыкі вярблюджага імёны класаў, іншыя выкарыстоўваюць злучок, а іншыя выкарыстоўваюць сімвалы падкрэслівання. Адна рэч, якую я даведаўся, калі гуляў вакол імёнамі HTML і CSS класа з'яўляецца тое, што вы можаце выкарыстоўваць юнікод сімвалы і абразкі у якасці назваў класа.

  • MooTools Zebra табліцы Plugin

    Таблічныя дадзеныя могуць быць часта сумнымі, але ён не павінен выглядаць такім чынам! З малога класа MooTools, што я магу зрабіць таблічныя дадзеныя вельмі лёгка чытаць рэалізацыі «Зебра» табліцы - табліцы з чаргаваннем радкоў колеру фону. CSS вышэй CSS вельмі проста.

Якія вашы думкі?