Использование переменных шрифтов с локальными шрифтами в качестве приоритета ⇐ Html

[Anonymous]

Я пытаюсь придумать способ оптимизировать шрифты на веб -сайте. Я хотел бы, чтобы веб -сайт в первую очередь использовал шрифты, уже установленные в системе, и достигают внешних шрифтов, только если локальные не существуют.
кажется простым с использованием свойства Local () , но включая каждую возможную вариацию статического шрифта кажется не оптимальным. Поэтому я думал об использовании переменных шрифтов, но это не выглядит так просто, поскольку мы не можем просто объединить шрифт переменной и локальный () .
Я нигде не видел эту конкретную реализацию, так что я немного скептически, если я не буду полностью отслеживать или что-то. Как это: < /p>
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300 800;
font-stretch: 100%;
font-display: swap;
src: url('../fonts/Open_Sans-variable.woff2') format('woff2') tech(variations);
}
< /code>
Но файл шрифта с цельной переменной также довольно большой (например, Open Sans, например, +270 киб), поэтому такие инструменты, как шрифт Google или Fontsource, разделили шрифт на несколько подмножества для конкретных языков: < /p>
< /p>


Подробнее здесь: https://stackoverflow.com/questions/796 ... a-priority