2010-09-17 3 views
1

Я делаю сайт для друга, и он хочет, чтобы шрифт текста был AR BONNIE. Кто-нибудь знает CSS для этого? Кажется, я нигде не нашел шрифт.CSS стиль для текста ARBONNE

+0

В дополнение к ответам: Будьте осторожны, превратив шрифт в шрифт-шрифт или другой вид распространяемого шрифта без проверки лицензии. Лицензия на шрифт часто запрещает такое перераспределение. Вы можете быть намного лучше с бесплатным шрифтом с открытым исходным кодом, который выглядит похожим. Найти веб-шрифт Google будет проще всего –

ответ

1

Если вы хотите использовать шрифт в CSS, вы должны убедиться, что у всех ваших посетителей установлен этот шрифт, или provide it in an url, или отобразить его как растровое изображение или флеш-память.

1

Отличный вариант - typeface.js. Я не использовал его самостоятельно ни на одном из своих сайтов, но мне понравилась концепция и примеры, которые они предоставили.

0

AR BONNIE - это реплицированная версия шрифта Ascender «Plaza», который затем был перепродан как AR BONNIE.

Нажмите here для шрифта Plaza.

5

Перейти на этот сайт: onlinefontconverter и создать Уофф, EOT, SVG и TTF файлы и поместить это в CSS

@font-face { 
    font-family: 'ARBONNIE'; 
    src: url('ar-bonnie.eot'); 
    src: local('☺'), 
     url('ar-bonnie.woff') format('woff'), 
     url('ar-bonnie.ttf') format('truetype'), 
     url('ar-bonnie.svg#ARBONNIE') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

и вы можете установить p { font-family: 'ARBONNIE'; }

+3

Только сделайте это, если лицензия на шрифт позволяет встраивать; многие этого не делают. – Quentin

3

AR BONNIE является (см. http://web.mit.edu/jmorzins/www/fonts.html)

Ther e - различные типы решений.

  • Использование JavaScript: sifr или cufon или typeface

  • Использование CSS3 - @font-face (поддерживается не всеми браузерами)

Всегда проверяйте, если шрифт является законным для вашего проекта. EULA rights ...

+0

вопрос: что такое «веб-шрифт»? Отличается ли он от обычных шрифтов (или любого шрифта TrueType)? – jrharshath

+0

«web font» - шрифт, установленный на значительное количество систем веб-пользователей (шрифт AKA), который поставляется с общими операционными системами и/или офисным программным обеспечением ») – Quentin

Смежные вопросы