Категории

  • Голосование
  • Право голоса
  • Киев
  • Украина
  • Здоровье
  • Популярное
  • Новости
  • Новости

      Artmisto
      Наша команда-партнер Artmisto. С "Buddy.Bet" азартные игроки найдут идеальное место для развлечений и возможность выиграть крупные суммы.

    Простий спосіб використовувати на сайті такий шрифт, який хочеться.

    1. плюси
    2. Крок 2: Конвертуємо шрифт
    3. крок 2b
    4. крок 2c
    5. крок 3
    6. викликаємо скрипт
    7. крок 3b
    8. крок 4
    9. Метод 1: Javascript
    10. Метод 2: jQuery
    11. Готово

    Наша команда-партнер Artmisto

    CSS 3 маячить на горизонті і все веб майстра знемагають в очікуванні. Завдяки останнім оновленням браузерів розробники почали отримувати в свої руки чудові властивості, які економлять робочий час (наприклад, @ font-face). На жаль використання даних властивостей обмежена дуже невеликою кількістю користувачів. Як мінімум в наступному році, а швидше за все і ще кілька років, доведеться продовжувати використовувати альтернативи Flash і JavaScript при встановленні шрифтів.

    На щастя, новий претендент Cufón робить процес неймовірно простим. У чому ж полягає секрет? На відміну від Flash він використовує суміш графічних примітивів і VML для виведення шрифту. Весь процес займає кілька хвилин. В даному уроці буде продемонстровано, як використовувати будь-який шрифт, який забажаєте, в ваших веб додатках.

    плюси

    • Працює швидко!
    • У 100 разів простіше ніж siFR.
    • Підготовка до роботи займає кілька хвилин
    • Чи не залежить від серверних мов на відміну від FLIR.

    мінуси

    • Залежить від Javascript. При відключенні будуть використовуватися шрифти
    • Текст можна виділити.
    • Не можна використовувати стан hover для конвертованих елементів.

    Крок 1: Завантажуємо Cufón

    Крок 1: Завантажуємо Cufón

    Заходимо на сайт Cufón і тиснемо праву кнопку миші на кнопці "Download" нагорі. Вибираємо "Save-As" ( "Зберегти як") і зберігаємо файл на робочому столі.

    Крок 2: Конвертуємо шрифт

    Крок 2: Конвертуємо шрифт

    Для того, щоб все працювало, нам потрібно використовувати утиліту конвертації шрифту на сайті. В якості альтернативи можна завантажити вихідний код і конвертувати шрифти локально. В якості демонстрації був конвертований абсолютно ідіотський шрифт "Jokerman" (без підтримки російської мови). Примітка для користувачів Windows: може знадобитися копіювання шрифту з папки "FONT" на робочий стіл, щоб функція працювала нормально.

    Якщо хочеться, можна також завантажити файли курсивного і жирного накреслення.

    крок 2b

    Потім, ви повинні вибрати, які накреслення символів повинні бути включені. Не треба поспішати і вибирати "CHOOSE ALL". У цьому випадку розмір файлу JS істотно збільшиться.

    крок 2c

    Cufón дозволяє призначити специфічний url для вашого файлу, щоб посилити безпеку. Дуже важливо, щоб у вас були відповідні права для використання шрифту.

    Ви можете залишити дві останні секції зі значеннями за замовчуванням. Приймайте угоду і натискайте "Let's Do This". Потім вам буде запропоновано зберегти згенерований скрипт. Збережіть його на робочий стіл.

    Збережіть його на робочий стіл

    крок 3

    крок 3

    Наступний крок призначений для підготовки нашого проекту. Створюємо нову папку на робочому столі, додаємо файл index.html, і перетягуємо в неї два Javascript.

    Відкриваємо index.html для редагування, додаємо основні теги HTML і посилання на два Javascript файлу.

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

    викликаємо скрипт

    Тепер потрібно вирішити, який текст буде замінюватися. Давайте замінимо шрифт за замовчуванням у всіх тегах H1 на Jokerman.

    <Script type = "text / javascript"> Cufon.replace ( 'h1'); </ Script>

    При виклику методу replace можна додати рядок з ім'ям тега, який потрібно замінювати. Зберігаємо файл і дивимося його в браузері.

    крок 3b

    Як завжди IE потребує спеціальних танцях з бубном. Якщо ви завантажте сторінку в IE, то зможете помітити невелику затримку перед тим, як шрифт буде намальований. Щоб виправити дефект потрібно просто додати:

    <Script type = "text / javascript"> Cufon.now (); </ Script>

    крок 4

    Уявімо, що ви хочете отримати додатковий контроль над вашим селектором. Наприклад, ви не хочете змінювати ВСЕ теги H1, а тільки ті, які знаходяться в заголовку документа. Cufón не має свого власного вбудованого механізму селектор. Дана опція була опущена, щоб зберегти розмір файлу якомога меншим. З першого погляду це може здатися недоліком, але насправді це чудова ідея. З огляду на поширеність робочих середовищ Javascript це допомагає уникнути дублювання. Розглянемо два методи для виділення специфічних елементів.

    Метод 1: Javascript

    Просто використовуйте:

    Cufon.replace (document.getElementById ( 'header'). GetElementsByTagName ( 'h1'));

    Вище наведений код робить наступне: бере елемент з id "header", потім знаходить все теги H1 в ньому і замінює їх написами з новим шрифтом ..

    Метод 2: jQuery

    Для використання механізму селектор jQuery нам потрібно тільки завантажити jQuery до Cufón.

    <Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </ script> <script type = "text / javascript "src =" js / cufon-yui.js "> </ script> <script type =" text / javascript "src =" js / Jokerman_400.font.js "> </ script> Cufon.replace ( '# header h1 ');

    Простіше простого! Пам'ятайте, що jQuery ПОВИНЕН завантажуватися ДО Cufón, щоб метод працював.

    Готово

    Чи вірите ви чи ні, але ми закінчили! Всього лише кілька рядків простого коду дає вам можливість використовувати будь-який шрифт. Залишається тільки переконатися в дотриманні авторських прав.

    У чому ж полягає секрет?

    Номера

    Номерной фонд гостиницы насчитывает 173 номера различных категорий.

    Забронировать отель можно прямо сейчас: Бронирование онлайн