Skip to main content
se añadieron 17 caracteres en el cuerpo; título editado
Origen Enlace
Marcos
  • 35.7k
  • 7
  • 36
  • 70

Integrar ¿Como integrar font en mi web?

Tengo los siguientes fontsfonts:

Rubik-Bold.ttf
Rubik-MediumItalic.ttf
Rubik-Black.ttf

Quiero usar estos fontsfonts por ejemplo en cada uno:

<p class="bold">Hola</p>
<p class="medium">Hola</p>
<p class="black">Hola</p>

Supongo que tendretendré que hacer en mi app.cssapp.css algo así

@font-face { */
  font-family: 'Rubik-Bold.ttf'; 
}

y ese fichero .ttf.ttf tenerlo a la misma altura de mi app.cssapp.css, pero imaginemos que tengo 30 ficheros .ttf.ttf en una carpeta, hay

¿Hay alguna forma de importarlos más facilfácil?

Integrar font en mi web

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 tendre 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 facil?

¿Como integrar font en mi web?

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?

Origen Enlace
sirdaiz
  • 1.5k
  • 9
  • 36
  • 54

Integrar font en mi web

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 tendre 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 facil?