Когда я начал работать с HTML, был только небольшой выбор шрифта, который мы могли бы использовать для HTML, отображаемого в каждом браузере.Какие шрифты являются стандартными для HTML на браузере нового поколения?
Arial, Verdana, Times new roman, Georgia. Теперь, с 2003 года, браузер сильно изменился, есть ли новые совместимые шрифты для каждого браузера или для шрифтов, которые мы еще вернем в начале двух тысяч лет?
Naraj, я думаю, что вы имеете в виду web-safe fonts. Это шрифты, которые каждый пользователь имеет на своей машине.
Прежде чем я получу это, позвольте мне попытаться объяснить, как работает загрузка шрифтов. Когда вы посещаете веб-сайт, файл CSS сообщает компьютеру, какой файл шрифта искать. Если у вас нет этого файла шрифтов на вашем компьютере, он не будет отображаться! К счастью, браузеры умны и в таких случаях, как Arial, будут возвращаться к значениям по умолчанию, например Arial.
В любом случае, этот список шрифтов, на которые вы ссылаетесь, представляет собой список шрифтов, с которыми приходится сталкиваться большинству компьютеров, когда вы получаете их из коробки. Из-за этого очень вероятно, что пользователь будет иметь их, и веб-сайт будет отображаться правильно, если вы ссылаетесь на них (вместо того, чтобы отказаться от альтернативы). Шрифты, такие как Helvetica, с другой стороны, не будут на каждой машине, поскольку она не поставляется с ПК. Если вы попытаетесь использовать Helvetica на своем веб-сайте, большинство пользователей ПК не смогут увидеть его!
С учетом этого вы можете теперь технически использовать любой шрифт на любом веб-сайте. Это осуществляется с помощью правила CSS @font-face. Это позволяет указать местоположение шрифта на сервере, где пользователь может загрузить и использовать его.
Существует две проблемы, связанные с использованием @font-face. Во-первых, пользователь должен загрузить шрифт, поэтому он добавляет немного отставания на отображение вашей страницы. Второй, и более важный момент, вызывающий озабоченность, заключается в том, что для его использования требуется лицензия шрифта.Вы не можете просто загрузить Helvetica на свой сервер, потому что кто-то еще владеет шрифтом. Вам нужно купить лицензию на веб-сайте дистрибьютора шрифтов, например https://typekit.com/, чтобы иметь возможность использовать их вот так!
Как уже упоминалось, существуют отличные веб-сервисы, которые позволяют пользователям @font-face шрифтов, например Google Web Fonts.
С учетом всего этого, список web-safe fonts не сильно изменился. Если вы не используете @font-face, вы должны, вероятно, придерживаться того же списка шрифтов с 2003 года. Here's an updated list с этого года.
Надеюсь, это поможет!
ответ в последнем абзаце этого хорошего человека: «этот список веб-безопасных шрифтов не сильно изменился». Другие люди троллируют или не понимают вопроса. – besluitloos
это очень грустно :( – Naraj
Браузеры здесь неактуальны. Шрифты исходят из «системы», то есть компьютер, на котором находится определенный пользователь, а не сам браузер.
Шрифты загружаются с локального компьютера.
В настоящее время существует множество служб шрифтов. Хорошим бесплатным является шрифт Google: http://www.google.com/webfonts
Дай это попробовать!
Я думаю, вы перепутали некоторые вещи. Если вы определяете шрифт - используя атрибут лица - браузер попытается загрузить этот шрифт из клиентской файловой системы. Если он не может найти его, он использует настроенный шрифт по умолчанию. Список шрифтов также будет считываться из файловой системы клиента.
С большинством современных браузеров вы можете визуализировать любой шрифт, который вы хотите на любой OS/Browser, используя веб-шрифты.
Конечно, многие шрифты являются специфичными для ОС, поэтому шрифты, которые будут отображаться на OS X, не будут доступны в Windows.
Веб-шрифты исправляют это. Google предоставляет размещенные веб-шрифты: http://www.google.com/webfonts
Вы можете использовать любой шрифт, который хотите. Если этот шрифт доступен на компьютере пользователя, он будет отображаться правильно, в противном случае браузер по умолчанию будет использовать стандартный «стандартный» шрифт. Если вы хотите использовать собственный шрифт, который не поставляется с некоторыми ОС (или все из них), вам необходимо использовать свойство CSS3 @font, Google Fonts или другие решения.
Отсутствует. Нет «веб-безопасных шрифтов». Нет ни одного шрифта, который можно ожидать во всех ситуациях просмотра. Это зависит от систем (компьютеров), а не от браузеров. Дело в том, что шрифты поставляются с операционной системой и с некоторым программным обеспечением, но обычно не с браузером.
Даже Arial, Verdana, Times New Roman и Georgia существуют в разных версиях (поэтому, используя определенное семейное имя шрифта, вы можете получить несколько разные результаты), и они отсутствуют на некоторых компьютерах. Android для одного из них не имеет ни одного из них (а шрифты, доступные на Android, не установлены в других системах, поэтому это само по себе доказывает, что нет веб-безопасных шрифтов).
Загружаемые шрифты, также известные как веб-шрифты, используемые через @font-face, часто описываются как позволяющие вставлять любой шрифт на ваши страницы, чтобы каждый видел текст в этом шрифте. Это отчасти верно, но отчасти, и со многими подводными камнями, и с другой темой.
Каждый шрифт совместим с каждым браузером. – BoltClock
вы можете включить любой шрифт .... – Champ
, сделанный в каждом браузере. Я имел в виду, как полагал пользователь, «веб-сейф», поэтому встроить в каждую ОС или просто шрифт, который всегда можно увидеть одинаково на каждом браузер/пользователь/планета будут просматривать мою страницу. – Naraj