кнопки (текст или изображения)

Я хотел бы знать, должен ли я создавать кнопки CSS или кнопки изображения для моего сайта. Что лучше? Проблема в том, что текст отформатирован с помощью Helvetica Neue (мне очень нравится этот шрифт), и я не могу использовать его как веб-шрифт из-за проблем с авторскими правами.

Если я создаю кнопки в CSS, они выглядят красиво в браузере, но изменяются, когда пользователь выбрал другой формат текста для своих браузеров.

У кнопок с изображениями есть преимущество. Я могу вставлять свой шрифт, но не выгляжу так хорошо, как кнопки CSS. Также в этом случае мне пришлось делать версии Retina для кнопок (только для будущего, когда на любом ПК есть Retina-дисплей).

Может кто-нибудь, пожалуйста, помогите мне в этой сложной ситуации? Кто-нибудь знает безопасную для Интернета альтернативу Helvetica Neue? Должен ли я отключить изменение размеров контейнеров div-контейнеров? Что является сегодняшним стандартом, когда дело доходит до веб-кнопок?

ТИА!

5 голосов | спросил drpelz 29 Jam1000000amTue, 29 Jan 2013 06:03:13 +040013 2013, 06:03:13

1 ответ


7

На самом деле, Linotype предлагает шрифт Neue Helvetica , который лицензирован для использования в Интернете.

Альтернативы для веб-безопасности

Но если вы не хотите платить за веб-лицензию, очевидными альтернативами веб-безопасности для Helvetica Neue являются Helvetica и Arial . Если вы просто используете sans-serif, он будет по умолчанию использовать шрифт шрифта по умолчанию для пользователя без засечек, который обычно:

  • Helvetica для Mac
  • Arial для Windows
  • Droid или Roboto для Android
  • Deja Vu , Bitstream Vera Sans или Arial (если шрифты MS были установлены) для * nix

Для пользователей * nix вы, вероятно, захотите указать Arial или Bitstream Vera Sans, чтобы получить более восприимчивый аналог Helvetica , чем шрифт по умолчанию без засечек, который используется многими * nix OS (например, Deja Vu ).

Шрифты FOSS

Кроме того, вы можете вставлять эти бесплатные шрифты с открытым исходным кодом:

Освобождение без

  • Альтернатива с открытым исходным кодом для Helvetica и Arial
  • Часть большего Освобождающих шрифтов семейства лицензий GPL-2, спонсируемых Red Hat
  • Доступно как в .sfd исходные файлы и готовые к использованию .ttf двоичные файлы в коллекции шрифтов Liberation ™ здесь из проекта Fedora

Arimo

FreeSans

Обычно я предпочитаю использовать CSS /текстовые кнопки, когда это возможно, поскольку это более семантически корректно, требует меньшей пропускной способности и меньше работает. Однако, если вы создаете кнопку изображения и используете подходящие методы доступа (текст с текстом или текстовый ярлык, доступный для чтения с экрана), тогда это тоже должно быть хорошо. Это зависит от того, сколько работы вы готовы сделать для воспринимаемой дополнительной эстетической выгоды.

ответил Lèse majesté 29 Jam1000000amTue, 29 Jan 2013 11:30:28 +040013 2013, 11:30:28

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132