Отображение шрифтов Google

Принудительное поведение отображения шрифтов Google.

Почему произошла эта ошибка

Для шрифта Google дескриптор отображения шрифта отсутствовал или был установлен на auto, block, или fallback, что не рекомендуется.

Возможные способы исправить

В большинстве случаев лучшая стратегия отображения шрифтов для пользовательских шрифтов — optional.

import Head from 'next/head'
 
export default function IndexPage() {
  return (
    <div>
      <Head>
        <link
          href="https://fonts.googleapis.com/css2?family=Krona+One&display=optional"
          rel="stylesheet"
        />
      </Head>
    </div>
  )
}

Указание display=optional сводит к минимуму риск невидимого текста или сдвига макета. Если для вас важно переключиться на пользовательский шрифт после его загрузки, используйте display=swap.

Когда не использовать

Если вы хотите отобразить шрифт, используя стратегию auto, block, или fallback, вы можете отключить это правило.

Отображение шрифтов Google

Почему произошла эта ошибка

Возможные способы исправить

Когда не использовать

Полезные ссылки