html — Сравнение скорости загрузки серверного шрифта и google-шрифта

Вопрос задан
6 лет 6 месяцев назад

Изменён
9 месяцев назад

Просмотрен
731 раз

На англоязычном стаке задавал вопрос о проблемах подключения шрифта через @font-face.

Один из ответов советовал, что нужно подключать гугл-шрифт — это надежный и более быстрый способ подключения шрифта.

В этом я сомневаюсь, так как мы зависим от стороннего ресурса — расстояния до него, скорости работы и доступности. Возможно, я чего-то не знаю, подскажите, пожалуйста

• html
• css
• вёрстка
• шрифты
• google-fonts

5

Для начала, стандартные плюсы и минусы CDN:

• + Используется многими сайтами, поэтому весьма вероятно, что будет взято из кэша браузера, что позволит сэкономить на количестве запросов к серверу и объёме загружаемых данных. [СОМНИТЕЛЬНО]: Браузеры на основе Хромиума создают теперь отдельный кэш на каждый запрашивающий домен.

• + Снижает нагрузку на сервер, поскольку ресурс теперь отдаётся не им, а сторонним (в данном случае гугловским) сервером.

• + Позволяет увеличить число потоков одновременной загрузки. Браузеры используют ограничение — не более 8 потоков загрузки на один домен. Но CDN принадлежит другому домену, поэтому получается 8 потоков на твой сайт и ещё по 8 на каждый чужой домен.

Минусы, в основном, сводятся к зависимости от стороннего ресурса:

• − Если он по какой-то причине недоступен, то у тебя на сайте шрифта не будет.
  Для скриптов часто делается фоллбек.

• − Если CDN вдруг начнёт отдавать что-то другое, пользователи увидят результат раньше тебя. Для собственного сервера ведь ты сначала проверишь, что изменилось и только потом изменённые файлы окажутся у пользователей.
  Пример такой проблемы: Как загрузить шрифт Roboto v15?.

• ? Теперь есть два сайта, которые можно пытаться взломать. Впрочем, не думаю. что это актуально для шрифтов, да и у гугловских серверов должна быть надёжная защита.
  Но в случае подмены скрипта все сайты, использующие его, окажутся под угрозой.
  Хотя, от этого в некоторой мере помогает перманентное кэширование — клиенты, у которых файл уже есть в кэше, на сервер за ним даже не пойдут.

• − Если свой сервер находится в локальной/корпоративной сети, то скорость доступа к нему выше, чем к CDN. Кроме того, с ним можно работать даже если интернет недоступен.

Теперь что касается именно шрифтов:

• ? Гуглошрифты позволяют указать набор интересующих тебя символов, что позволит сократить объём файлов шрифта. С другой стороны, чем более хитрый набор ты укажешь, тем меньше вероятность, что нужный файл уже будет в кэше браузера.

• + Скорее всего, гуглошрифты уже оптимизированы под использование на веб-сайтах. Не могу сказать, как именно, но на 90% уверен, что если это возможно, то они об этом позаботились.

6

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

Если сохранять на своём сервере, то это лишний трафик и запросы.

Еще об одном немаловажном факте забыли упомянуть Шрифты загруженные локально содержат в себе кучу ненужного хлама разные символы и прочую ненужную хрень а это лишние запросы. Google Fonts выдает чистый шрифт только то что используется на сайте остальное отсекается это тоже плюс хоть и небольшой

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Влияние возраста на восприятие шрифта, исследование

Новое исследование показало, что скорость чтения в Интернете во многом зависит от шрифта и вашего возраста.

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

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

Шон Уоллес, докторант факультета информатики Университета Брауна, поставил перед собой задачу выяснить, «какой выигрыш в эффективности чтения можно получить, манипулируя только выбором шрифта», говорится в исследовании. Команда Уоллеса поставила перед 352 участниками в возрасте от 18 до 71 года задачу прочитать текст на своих персональных устройствах, чтобы имитировать естественную среду чтения. Шестнадцать шрифтов были протестированы на основе их популярности в Интернете, в газетной печати, в PDF-файлах и среди экспертов по удобству чтения. Это были Avenir Next, Arial, Avant Garde, Calibri, Franklin Gothic, EB Garamond, Helvetica Neue, Lato, Montserrat, Noto Sans, Open Sans, Oswald, Poynter Gothic Text, Roboto, Times и Utopia.

Как отмечает эксперт по юзабилити Якоб Нильсен в резюме исследования, основной вывод в некотором смысле неудовлетворителен. Не существует одного шрифта, который бы правил всеми. Некоторые люди лучше читают с Arial. Другие лучше читают с Avant Garde. Индивидуальные различия оказались более значимыми, чем какой-либо общий эффект. Интересно, что шрифты, которые, по словам людей, они предпочитали, не обязательно помогали им читать быстрее всего. Например, вам может нравиться текст, набранный шрифтом Helvetica, но Open Sans, скорее всего, поможет вам читать быстрее.

Один из выводов был очевиден: пожилые участники, или те, кому 35 лет и больше, в среднем читали медленнее, чем молодые, используя все шрифты, кроме EB Garamond и Montserrat. Этот график говорит сам за себя. Красная линия представляет участников в возрасте 35 лет и старше; синяя линия — тех, кто моложе 35 лет.

Что такого в Garamond EB и Montserrat, что они так хорошо подходят для пожилых читателей? Из всех исследованных шрифтов Montserrat имеет самую высокую высоту x-height (это высота строчной буквы «x»). «В прошлом типографы разрабатывали шрифты с большей высотой “x” для повышения удобочитаемости», — говорит Уоллес в интервью Co.Design, указывая на такие популярные веб-шрифты, как Georgia и Verdana. «Большая высота “x” может улучшить читаемость при меньшем размере шрифта. Поскольку мы стареем и нуждаемся в более крупных размерах шрифтов, дизайн Monsterrat может помочь в этом».

Но в исследовании была предпринята попытка контролировать размер шрифта, поэтому у Monsterrat должны быть другие атрибуты, которые помогают пожилым пользователям. Что касается EB Garamond: У него есть засечки, которые придают ему классический вид, но это «современный дизайн по сравнению с другими шрифтами с засечками в нашем исследовании», — говорит Уоллес. Так что, возможно, он найдет отклик у читателей старшего возраста, которые знакомы со шрифтами с засечками, но им полезны более современные характеристики, например, более высокий x-height.

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

Уоллес считает, что для чтения на экранах ответ кроется в индивидуальном подходе. «Мы считаем, что у каждого человека должен быть маркер цифрового дизайна, который разработчики и издатели могут интегрировать в приложения и веб-сайты для поддержки персонализированного чтения», — говорит он. Это амбициозная идея, имеющая чувствительные последствия для конфиденциальности, что с готовностью признает Уоллес, отмечая: «Альтернативой может стать изучение инструментов, которые пользователи могут установить и контролировать, чтобы изменить форму или формат текста, который они читают».

А до тех пор? Если вам за 35, и вы обнаружили, что продираетесь сквозь блок текста, не вините себя. Вините шрифт.

Перевод статьи Are some fonts ageist?

38 бесплатных скоростных шрифтов » Fontsc

Размер: defaultsmalllargeNameSort By PopularRecentList 10 Fonts2550

Только без рекламы

Неизвестная лицензия

1 файл шрифта

Скачать

Бесплатное ПО — личное и коммерческое использование

1 файл шрифта

Скачать

Бесплатное ПО — личное и коммерческое использование

2 файла шрифта

Скачать

Бесплатное ПО — для личного или некоммерческого использования

5 файлов шрифтов

Скачать

Бесплатное ПО — для личного или некоммерческого использования

14 файлов шрифтов

Скачать

Бесплатное ПО — для личного или некоммерческого использования

1 файл шрифта

Скачать

Бесплатное ПО — личное и коммерческое использование

2 файла шрифта

Скачать

Бесплатное ПО — личное и коммерческое использование

2 файла шрифта

Скачать

Бесплатное ПО — для личного или некоммерческого использования

4 файла шрифтов

Скачать

Бесплатное ПО — для личного или некоммерческого использования

10 файлов шрифтов

Скачать

Просмотр категорий шрифтов

• Serif
• Без засечек
• Сценарий
• Декоративный
• Дингбаты
• пикселей, растровое изображение
• Черное письмо
• Международный

Теги случайного шрифта

• gill sans
• кудрявый
• медицинский
• грубый
• публикация
• астрология
• сова
• ресторан
• карнавал
• Риоплатенсе
• лапша
• дэт-метал
• 007
• авенир
• высокий
• осьминог
• ноты
• закругленный ход
• детей
• комиксов
• вывеска
• металл
• иероглиф
• нож
• метеороид
• калькулятор
• Дракула
• плакат
• заголовок
• ацтек

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

• Рождество
• выходной
• партия
• день рождения
• новый год
• люкс
• неоновые огни
• гонки
• праздник
• арабский

Follow Fontsc

facebook.com/fontsc/»> Fontsc

Abous Fontsc

Fontsc.com создан в духе шрифтов, где творческие идеи встречаются с прекрасным дизайном, поскольку мы все знаем, что великолепный дизайн остается навсегда!

Здесь вы можете искать, просматривать и загружать тысячи БЕСПЛАТНЫХ шрифтов коммерческого качества от лучших дизайнеров шрифтов.

• Конфиденциальность
• Условия
• Часто задаваемые вопросы
• Контакт

Copyright © 2018 Fontsc.com

23 энергичных шрифта, которые удовлетворят вашу потребность в скорости

Добавление движения в ваш дизайн может оживить безвкусную презентацию. Во-первых, глаза вашего зрителя, естественно, будут прикованы к вашим работам. Во-вторых, вы точно будете выделяться среди конкурентов. Хотите верьте, хотите нет, но добавление движения — это простота.

Есть несколько способов сделать это. Одним из наиболее распространенных является использование линий движения. Этот метод популярен, потому что он самый простой и легкий, его может сделать каждый. Другой метод использует несколько изображений, похожий на зоотроп. Эти методы сделают ваши работы более динамичными и «живыми».

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

1. Klutch

Klutch — красивый гоночный шрифт. Он идеально подходит для спортивных заголовков, редакционных статей, гоночных плакатов, киберспорта, брендинга, дизайна веб-сайтов, рекламы и многого другого. Если вы ищете красивый шрифт, создающий эффект силы и скорости, то Klutch для вас.

Скачать Klutch Display

2. Sportage

Этот набор спортивных шрифтов от Burntilldead включает в себя 13 шрифтов, включая несколько начертаний от тонкого до очень жирного, чтобы придать спортивный вид вашим логотипам, одежде, плакатам и брендингу. .

Скачать Sportage

3. Fast Track

Этот шрифт с заглавными буквами от Build Interactive содержит тонкие линии движения, которые придадут движение вашим логотипам, обложкам книг, заголовкам, одежде, ярлыкам. более.

Загрузить Fast Track

4. Семейство шрифтов Zuume

Ищете ударопрочный продукт, способный выдерживать высокие температуры? Adam Ladd предлагает вам это семейство сжатых шрифтов для отображения с большим количеством жирностей и курсивом для различных эстетических потребностей.

Загрузить семейство шрифтов Zuume

5. Рабочее пространство

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

Download Work Space

6. ​​Scripter

Винтаж сочетается с современным в этом геометрическом шрифте Sanborne . Примените его к своим логотипам, плакатам, этикеткам, играм и многому другому.

Скачать Scripter

7. Dash Horizon Sporty

Этот шрифт от Anomali Creatype — лучший выбор, когда вы разрабатываете продукты с игровой, гоночной и боевой тематикой. С 10 БОНУСНЫМИ текстовыми эффектами/мокапами Adobe Photoshop.

Скачать Dash Horizon Sporty

8. ВОДИТЕЛЬ

Vintage Voyage D.S. представляет этот классический шрифт с реалистичным рисованным эффектом и 5 стилями, чтобы воплотить ваши проекты в жизнь.

Download DRIVER

9. Swipe Race

Острый, наклонный и современный, Blacksheep Studio представляет этот драгоценный камень, который будет отлично смотреться на ваших наклейках, обложках журналов, логотипах, автомобильных этикетках, названиях игр.

Скачать Swipe Race

10. Mammoth

Mammoth — это широкий шрифт без засечек, готовый расширить границы вашего дизайна. Благодаря его современному виду вы можете использовать его для любого проекта, требующего смелого и четкого заявления.

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

[fontsampler id=65]

Скачать Mammoth

11. Aeronaves

Высококачественный шрифт без засечек из Mans Greback с геометрической уверенностью и графикой для путешествий по воздуху, вдохновленный серединой века. склонность к путешествиям и творениям старого мира.

Скачать Aeronaves

12. Flighter Font

Благодаря сбалансированному стилю и многоязычной поддержке этот жирный шрифт без засечек подарит вам атмосферу 50-х годов в отличие от любого другого шрифта.

Загрузить шрифт Flighter

13. Tunning

Уверенно отправляйтесь в гипердрайв, зная, что вы преуспеете с этими вдохновленными гонками шрифтами от Rodrigo Typo.

Скачать Tunning

14. PREDATOR

Этот современный дисплейный шрифт с заглавными буквами от Anzor Shaov привнесет энергию и силу в ваши проекты.

Скачать ХИЩНИК

15. Weekend Warrior

Пусть этот шрифт без засечек из Themesmile поможет вам покорить темы путешествий, спорта, научной фантастики и боевых действий.

Download Weekend Warrior

16. Шрифт Grunge Tire

Оставьте уникальный след в своих проектах, используя этот специальный гранж-шрифт из Just Type It . Теперь вы можете с легкостью создавать захватывающие материалы для внедорожного или спортивного брендинга, такие как логотипы, плакаты, одежда и названия.

Скачать шрифт Grunge Tire

17. Krunch

Неброский, но замечательный, этот шрифт без засечек от NimaType имеет модульную копию в техно/цифровом стиле, когда используется в заголовках. .

Скачать Krunch

18. Roadstar

Если вы любите мотоциклы Harley или Metisse, гоночные автомобили Plymouth и фильмы с Марлоном Брандо, то вам понравится это семейство шрифтов!

Скачать R O A D S T A R

19. Drift Typeface

Вдохновленный гонками по дрифту, этот футуристический жирный шрифт с 350 глифами от или выглядит потрясающе 318 asD Thedesignshark 90.

Скачать шрифт Drift

20. Reckless

Spencer & Sons Co . предлагает вам этот связанный геометрический шрифт, который вы можете использовать на логотипах и плакатах, а также на татуировках и вывесках.

Загрузить Reckless

21. Шрифт Headline Speed ​​

Простой, геометрический и точный, этот динамический шрифт от Artyway — это все, что вам нужно для четких и точных работ.

Download Headline Speed ​​Font

22. VTF Gladius

Будь то заголовки или основной текст, вы можете положиться на это предложение от VarsityType с 5 наклонными шрифтами и 12 шрифтами. версии.

Download VTF Gladius

23. Stooges Races

Созданный под влиянием мотоциклетных постеров 1900-х годов, этот шрифт с дополнительными векторными силуэтами из Maghrib пробудит в вас гонщика.