Могу ли я использовать "Arial Rounded MT Bold" с css? - PullRequest
Новая
       2

Могу ли я использовать "Arial Rounded MT Bold" с css?

15 голосов
/ 01 апреля 2011

Могу ли я использовать "Arial Rounded MT Bold" с css? 

font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;

Ничего не изменилось, когда я положил: 

font-family:Arial, Helvetica, sans-serif;

Ответы [ 8 ]

26 голосов
/ 29 июня 2011

В Google Fonts есть Nunito от Вернона Адамса:

http://www.google.com/webfonts/family?family=Nunito

Это красиво и округло;вроде как напоминает мне о том, что они используют на Glitch.

6 голосов
/ 01 июля 2014

Я видел альтернативный Google Font, предложенный здесь еще в 2011 году, который довольно неплохо подходит, но есть несколько тонких частей шрифта, которые не совпадают с Arial Rounded MT Bold.

Для людей, которые все еще ищут альтернативу, я думаю, что это лучший выбор; его называют Varela Round Джо Принс:

Я бы также установил его в font-weight: bold; для более точного соответствия.

6 голосов
/ 24 февраля 2012

Трудно узнать без дополнительной информации от ОП, но я видел те же симптомы, вызванные функцией аппаратного ускорения в Firefox.Известно, что это вызывает несколько проблем с рендерингом шрифтов .Я заметил, что не удается отобразить нестандартный шрифт (например, «Arial MT Rounded Bold»), несмотря на то, что он присутствует на клиентском компьютере.

Например, эта страница ... 

<html>
<head>
    <style type="text/css">
        body { font-family: "Arial Rounded MT Bold"; font-size: 30px; }
    </style>
</head>
<body>
    This can be really annoying.
</body>
</html>

При просмотре в IE, Chrome или FF с отключенным аппаратным ускорением шрифт отображается правильно, как этот ...

FF 10 with hardware acceleration turned off

Но при просмотре в FF с включенным аппаратным ускорением браузер не может «найти» указанный шрифт, поэтому по умолчанию используется другой, как этот ...

FF 10 with hardware acceleration turned on

Были проблемы с этой "функцией" FF начиная с версии 4.

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

2 голосов
/ 01 апреля 2011

Чтобы использовать пользовательские шрифты с хорошей кросс-браузерной совместимостью, взгляните на FontSquirrel . Они сгенерируют правильный CSS, чтобы пользовательские шрифты работали в разных браузерах. Посмотрите на их сайте Rounded MT Bold или что-то еще, что вы хотите :-) Кроме того, если вы хотите больше шрифтов, посмотрите на http://www.fontex.org/

0 голосов
/ 06 сентября 2018

Стоит отметить, что Linux не поставляется с Arial по умолчанию, поэтому не стоит полагаться на наличие шрифта на компьютере пользователя.Вместо этого им следует скачать файлы (если позволяет лицензия), разместить их на своем сайте и дать ссылку на них, используя @ font-face.

0 голосов
/ 23 июня 2018

Может не отображаться из-за совместимости системы - вы можете проверить совместимость с Arial Rounded MT Bold в стеке шрифтов CSS. На Windows 59,53%, на Mac - 95,14%. https://www.cssfontstack.com/Arial-Rounded-MT-Bold

0 голосов
/ 29 июня 2011

Существует большая вероятность того, что - если ничего не изменилось (при отображении веб-страницы в вашем локальном браузере) при изменении стека шрифтов - на самом деле на вашем компьютере не установлен Arial MT Rounded Bold. Один из способов проверить это - использовать Firebug, «проверить элемент» для заголовка (или любого другого шрифта) и отредактировать список семейства шрифтов в правой панели Firebug. (Обычно я просто нахожу названный шрифт и добавляю пробел к его имени, который «прерывает» вызов нужного шрифта, а затем браузер переходит к следующему шрифту в стеке.)

Другие варианты включают использование веб-шрифта Google Nunito (как рекомендовал Кент Брюстер несколько минут назад) или настройку шрифта font-face на вашем собственном сервере с предоставлением одного из округленных шрифтов (RockoFLF Bold, FF Din Rounded, Nunito и Arial MT Rounded Bold - все варианты). (Технически, согласно комментарию Кента, Glitch использует RockoFLF с Arial MT Rounded Bold в качестве второго шрифта в стеке. По крайней мере, это то, что они делали несколько месяцев назад, когда я последний раз смотрел их код. ... просто проверил еще раз, и они вынули Arial MT Rounded Bold из стека. Они вызывают RockoFLF со встроенным шрифтом.)

В любом случае, как отметил Кент Брюстер, я думаю, что вам лучше всего использовать Google Web Fonts 'Nunito', если вы не уверены, что он будет на компьютерах ваших пользователей (или даже ваших).

0 голосов
/ 01 апреля 2011

Google Fonts также возможно. Есть много разных шрифтов, но я не знаю, есть ли Arial Rounded MT Bold.

Вы можете использовать только те шрифты, которые установлены на клиентском компьютере !! Поэтому упоминание их в семействе шрифтов css не работает, если шрифт не установлен. Для этого Google Fonts и другие предоставляют функциональность ... поэтому каждый раз, когда вы используете шрифт, который не является "Times", "Arial" или "Verdana", которые установлены почти на каждом компьютере, вы должны подумать об альтернативе raw CSS

...