Я делаю сайт для друга, и он хочет, чтобы шрифт текста был AR BONNIE. Кто-нибудь знает CSS для этого? Кажется, я нигде не нашел шрифт.CSS стиль для текста ARBONNE
ответ
Если вы хотите использовать шрифт в CSS, вы должны убедиться, что у всех ваших посетителей установлен этот шрифт, или provide it in an url, или отобразить его как растровое изображение или флеш-память.
Отличный вариант - typeface.js. Я не использовал его самостоятельно ни на одном из своих сайтов, но мне понравилась концепция и примеры, которые они предоставили.
AR BONNIE - это реплицированная версия шрифта Ascender «Plaza», который затем был перепродан как AR BONNIE.
Нажмите here для шрифта Plaza.
Анд, от Dafont, довольно близко:
Но поскольку его не веб-шрифтов, вы должны вставлять исключительно.
Вы также можете посмотреть на
http://code.google.com/webfonts
свой веб-шрифт Google, вы можете использовать в CSS.
Перейти на этот сайт: 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'; }
Только сделайте это, если лицензия на шрифт позволяет встраивать; многие этого не делают. – Quentin
AR BONNIE является (см. http://web.mit.edu/jmorzins/www/fonts.html)
Ther e - различные типы решений.
Использование CSS3 - @font-face (поддерживается не всеми браузерами)
Всегда проверяйте, если шрифт является законным для вашего проекта. EULA rights ...
вопрос: что такое «веб-шрифт»? Отличается ли он от обычных шрифтов (или любого шрифта TrueType)? – jrharshath
«web font» - шрифт, установленный на значительное количество систем веб-пользователей (шрифт AKA), который поставляется с общими операционными системами и/или офисным программным обеспечением ») – Quentin
- 1. стиль текста в CSS
- 2. CSS стиль для текста, начинающийся с ">"
- 3. CSS стиль - пропущена вторая строка текста
- 4. Как удалить стиль фильтра CSS из текста?
- 5. Изменения JQuery текста шатра и CSS/стиль
- 6. CSS стиль для таблицы
- 7. Добавить стиль css для определенного текста с помощью jquery
- 8. CSS стиль для усечения длинного текста не работает
- 9. Изменить стиль текста для определенных слов в CSS-содержимом
- 10. каждый другой стиль текста
- 11. стиль вертикального выравнивания для текста
- 12. CSS * стиль переопределения класса
- 13. Унаследованный стиль оформления текста
- 14. DotNetOpenAuth OpenIdLogin Стиль CSS
- 15. CSS Стиль зависания CSS
- 16. CSS стиль API для полимеров
- 17. Стиль CSS для атрибута title?
- 18. CSS стиль для javascript clock
- 19. Изменить стиль рядный для CSS
- 20. Стиль CSS для ведущих точек
- 21. CSS стиль для шаблона wordpress
- 22. Установить стиль CSS для таблицы
- 23. css стиль для отображения inline
- 24. CSS стиль специфичного для браузера
- 25. CSS Тематизация стиль для флажков
- 26. CSS-стиль привязки для изображений
- 27. Стиль CSS не применяется
- 28. Android пользовательский стиль текста
- 29. UITextView сохранить стиль текста
- 30. отключенный ввод текста не стиль
В дополнение к ответам: Будьте осторожны, превратив шрифт в шрифт-шрифт или другой вид распространяемого шрифта без проверки лицензии. Лицензия на шрифт часто запрещает такое перераспределение. Вы можете быть намного лучше с бесплатным шрифтом с открытым исходным кодом, который выглядит похожим. Найти веб-шрифт Google будет проще всего –