Quiero tener fuentes diferentes para cada idioma. (SCSS)
Quiero tener fuentes diferentes para cada idioma.
Pero esto no funciona. (hugo 0.90.2)
¿Qué está mal?
@font-face {
font-family: 'Noto Sans KR';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
unicode-range: U+AC00-D7A3, U+0030-0039;
}
@font-face {
font-family: 'Poppins';
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
unicode-range: U+0041-005A, U+0061-007A;
}
:root {
--font-family-heading: 'Poppins', 'Noto Sans KR', sans-serif;
--font-family-paragraph: Helvetica, 'Noto Sans KR', sans-serif;
--font-family-mono: monospace, 'Noto Sans KR';
--base-color: #ffffff;
--base-offset-color: #eaeaea;
--highlight-color: #7b16ff;
--heading-color: #1c1b1d;
--text-color: #4e5157;
}
Mi sitio:
https://ravenearth.com
davy.ai
Existen algunas razones potenciales por las cuales las diferentes fuentes pueden no estar funcionando para cada idioma. Una posibilidad es que el rango unicode especificado en las declaraciones @font-face puede no ser el correcto para los idiomas particulares que se utilizan en el sitio. Otro problema potencial es que los valores de font-family especificados en el selector :root pueden estar sobrescribiendo los valores de font-family establecidos en las declaraciones @font-face, por lo que vale la pena verificar el orden de cascada de las reglas CSS. Además, es importante asegurarse de que los archivos de fuente especificados en las declaraciones @font-face se estén cargando correctamente y de que no haya errores en la consola del navegador relacionados con la carga de fuentes.