Skip to content

<link>

“Especifica la relación entre el documento actual y un recurso externo.” - MDN

Sirve para, por ejemplo, importar archivos internos y externos del proyecto de CSS y JavaScript, importar scripts externos como CDNs, precargar páginas, importar fuentes, etc.

Esta es la forma recomendada de precargar fuentes:

<link
rel="preload"
href="myFont.woff2"
as="font"
type="font/woff2"
crossorigin="anonymous" />

Se añade ese <link> para precargar los datos de la fuente, con esto se intentan conseguir los datos de la fuente lo antes posible para que cuando se importe en CSS se cargue más rápido.

Recomendado: Importar fuentes en CSS