Это хорошо для доступности и удобства использования, если мы используем только веб-безопасные шрифты в дизайне сайта?

Question

Должны ли мы использовать стандартные веб-безопасные шрифты в максимально возможной степени, следует попытаться создать хороший дизайн только с веб-безопасными шрифтами?

Показать, что мы избегаем использования в дизайне причудливых шрифтов, которые были бы возможны только при использовании любых методов замены изображений, sIFR, @ Font-face, Typeface и т. Д.

для лучшего обслуживания сайта, доступности, удобства использования

Answer 1

Да, вы должны использовать «веб-безопасные» шрифты. Всегда включайте «общий» спецификатор шрифта в конце вашего объявления, например

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

Если вы используете изображения для текстовых элементов, таких как, например, буквицы, они не будут восприняты программами чтения с экрана и, что еще хуже, поместит другое изображение на страницу, для которой программа чтения с экрана будет ожидать атрибут alt. 1004 *

Answer 2

Я бы сказал, чтобы воспользоваться @ font-face и тому подобным, но определенно имеет безопасный набор запасных шрифтов. Пока вы это делаете, вы не ошибетесь, так как макет никогда на самом деле не зависит от шрифта.

Answer 3

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

Общая причина придерживаться «веб-безопасных» шрифтов заключается в том, что вы можете быть совершенно уверены, что пользователь получит их.(или один из них).Это дает вам хорошее представление о том, как именно будет выглядеть ваша веб-страница при просмотре в разных операционных системах / браузерах / и т. Д. Важно, поскольку в некоторых проектах шрифты с разным соотношением могут вызывать хаос в общем макете страницы.

Также стоит убедиться (поскольку операционные системы обычно не разделяют слишком много шрифтов между ними), что вы указываете несколько разных шрифтов с помощью атрибута CSS font-family.Например:

.sample_style
{ 
  font-family: Arial, Helvetica, sans-serif;
}

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