Преображаем значок амперсанда

Автор: SimpleBits
Перевод: Всеволод Козлов

Я очень люблю амперсанды… Это можно понять хотя бы по тому, что я на дня купил себе пару футболок, единственным рисунком на которых было изображение амперсанда!

use-the-best-available-ampersand-2.gif

Попав в умелые руки, красиво и к месту оформленные и пристроенные амперсанды могут стать незаменимым элементом дизайна Вашего сайта.

В связи с этим я озадачился поиском шрифтов, способных в лучшую сторону преобразить обычный амперсанд, а также помочь начинающим веб-мастерам применить стили к амперсандам.

Для начала HTML и CSS коды, которые помогут Вам преобразить обычный амперсанд в изящное произведение искусства!


HTML-код:

<span class="amp">&amp;</span>

CSS-код:

span.amp {
font-family: Baskerville, Palatino, "Book Antiqua", serif;
font-style: italic;
}

А теперь я хочу поделиться с Вами названиями тех шрифтов, которые способны преобразить обычный значок амперсанда. Разбил я шрифты на 2 категории – для маков и винды.

Mac OS X (10.5)

use-the-best-available-ampersand.gif

Windows XP

use-the-best-available-ampersand-1.gif

Windows Vista

use-the-best-available-ampersand-2.gif

Оригинал статьи: Use the Best Available Ampersand

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*