Tengo los siguientes fonts
:
Rubik-Bold.ttf
Rubik-MediumItalic.ttf
Rubik-Black.ttf
Quiero usar estos fonts
por ejemplo en cada uno:
<p class="bold">Hola</p>
<p class="medium">Hola</p>
<p class="black">Hola</p>
Supongo que tendré que hacer en mi app.css
algo así
@font-face { */
font-family: 'Rubik-Bold.ttf';
}
y ese fichero .ttf
tenerlo a la misma altura de mi app.css
, pero imaginemos que tengo 30 ficheros .ttf
en una carpeta,
¿Hay alguna forma de importarlos más fácil?