Duda en importacion de fuentes

Las funtes puden ser descargadas y en vez la url de internet se pone la dirección de las fuentes

puedes descargar la fuente que quieras implementar en tu proyecto en tu carpeta de trabajo y importarla, puedes probar con la etiqueta href ó con la etiqueta src

Podrías descargarla. Observa que en Google Fonts te dá la opción:

Luego para usarla en tu proyecto debes:

1. Descomprimir el archivo que descargaste de Google Fonts

2. Tendrás una carpeta por cada fuente y dentro de estas carpetas debes identificar los archivos en formatos como: .woff o .woff2 o .ttf

3. En tu proyecto, crear una carpeta para las fuentes Dentro de tu proyecto, crea una carpeta (por ejemplo, llamada fonts) y copia allí los archivos de las fuentes que descargaste (generalmente en formatos como .woff o .woff2 o .ttf). proyecto/ ├── index.html ├── css/ │ └── style.css └── fonts/ └── MiFuente1 └── FuenteUno.ttf └── MiFuente2 └── FuenteDos.ttf

4. En VSCode en nuestro archivo style.css, añadimos la regla @font-face para cada fuente:

/* Declaración de la primera fuente */
@font-face {
    font-family: 'FuenteUno';
    src: url('./fonts/MiFuente1/FuenteUno.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Declaración de la segunda fuente */
@font-face {
    font-family: 'FuenteDos';
    src: url('./fonts/MiFuente2/FuenteDos.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Nota:

• Asegúrate de que las rutas ('./fonts/MiFuente1/FuenteUno.ttf' y './fonts/MiFuente2/FuenteDos.ttf') sean correctas según la ubicación de tu archivo CSS.
• Si las fuentes tienen variaciones (por ejemplo, negrita o cursiva), deberás declarar cada una con sus correspondientes propiedades (font-weight o font-style).

1. Con lo anterior, ya podremos usar normalmente nuestra fuente (observa que debes usar el mismo nombre como lo declaraste en el paso 4):

body {
    font-family: 'FuenteUno', sans-serif;
}