La guía o código que encontrarás en este post es la solución más eficiente y válida que encontramos a tus dudas o dilema.
Solución:
No puedes usar colecciones de fuentes para CSS @font-face
declaraciones ya que el propósito de esta sintaxis es, inequívocamenteespecifique qué recurso de fuente individual debe usar el navegador cuando especifique algunos específico combinación de fuente-familia, peso, estilo, etc. en su página CSS real.
Especificar una colección de fuentes hace que esto sea imposible: no hay sintaxis para especificar qué fuente dentro de esa colección necesitarías, por lo que ttc
no son compatibles con el diseño. Extraiga los activos de fuente individuales que necesita (¡si está legalmente permitido!) y luego sea explícito sobre qué fuente única necesita para qué fuente única @font-face
declaración.
Y recuerda que esto es posible:
@font-face
font-family: myfont;
font-weight: normal;
src: url('that-font-I-like-Regular.woff') format('WOFF');
@font-face
font-family: myfont;
font-weight: bold;
src: url('that-font-I-like-Bold.woff') format('WOFF');
...
:root
font-family: myfont;
h1
font-weight: bold;
...
p
font-weight: normal;
...