Легкий/легкий вес шрифта для медленного подключения к Интернету CSS

Не могли бы вы посоветовать мне, какой шрифт я должен использовать в файле CSS, если мы предполагаем, что у пользователя будет медленное подключение к Интернету на моем сайте?Легкий/легкий вес шрифта для медленного подключения к Интернету CSS

Я подключен локальный файл шрифта:

@font-face { 
    font-family: 'Open Sans 2'; 
    src: url('fonts/OpenSans-Light.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

Opera показывает мне, что этот шрифт будет загружен в течение 2 секунд!

В результате, сайт будет открыт только на 5 секунд. Это ненормально ...

Вопрос: Как включить только часть файла шрифта или вы можете дать мне какой-нибудь легкий шрифт?

Спасибо за просмотр:)!

источник

2016-02-01 V.7

Просто FYI, если вы используете [размещенный в Google шрифт] (https://www.google.com/fonts), при выборе шрифта вы также можете увидеть оценку времени, необходимого для его загрузки. как с Google CDN (которые так быстро, как это можно получить), чтобы не подчеркивать ваш частный сервер. – wil93

Thx за советом! Но я не хочу использовать репозитории Google ... есть ли какой-то локальный вариант? –

Я думаю, вы можете загрузить шрифт Google на своем сервере (таким образом, сохраняя преимущество выбора того, какой стиль и кодировку сохранить. Но почему вы предпочитаете локальные шрифты? Очень хорошая практика передавать эти файлы на внешние CDN (чтобы избежать стресс на вашем сервере, а также предоставить пользователю лучшее кэширование и более быстрое время отклика). Итак .. почему? :) – wil93

Если ваша главная цель - не иметь простоя с вашим шрифтом, то вы должны использовать собственные кросс-браузерные шрифты, а не использовать CDN или Local: http://www.w3schools.com/cssref/css_websafe_fonts.asp. Вы будете хорошо с этим.

Если вы действительно хотите использовать другие шрифты, GoogleFonts является надежным вариантом или, возможно, локальным + кешем. Также вы можете использовать загрузчик шрифтов JS, например, здесь объясните https://www.lockedowndesign.com/load-google-fonts-asynchronously-for-page-speed Но у вас будет мигающий эффект при загрузке шрифта, я думаю.

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

источник

2016-02-01 10:41:52 Mushr00m

Это на самом деле то, что я искал! Спасибо приятель. –

Легкий/легкий вес шрифта для медленного подключения к Интернету CSS

ответ

Смежные вопросы