Al crear un dise o de p gina web nico, es importante prestar atenci n a la elecci n de las Fuentes. A veces, las Fuentes est ndar ofrecidas por los navegadores no se ajustan a sus preferencias y dise o, por lo que debe buscar y agregar otras Fuentes. En este art culo, le mostraremos c mo agregar las Fuentes descargadas a su p gina web para que se vea elegante y nica.
Antes de comenzar, necesitar las Fuentes descargadas en el formato .ttf o .otf. Tenga en cuenta que algunas Fuentes pueden tener licencia, as que aseg rese de tener el derecho de usar las Fuentes seleccionadas en su p gina web.
Para agregar las Fuentes descargadas a su p gina web, necesitar CSS. En CSS, puede especificar Fuentes para varios elementos de la p gina web, como p rrafos, encabezados o elementos de navegaci n. Para agregar las Fuentes descargadas, necesitar saber su nombre y la ruta a los archivos de Fuentes.
Nota: Si desea utilizar la fuente descargada solo para un elemento de la p gina web, como un t tulo, aseg rese de agregarla a otras Fuentes est ndar de la familia para que pueda Mostrar el texto en diferentes dispositivos y navegadores.
- C mo instalar las Fuentes descargadas: instrucciones detalladas para principiantes
- Paso 1. Descargar Fuentes de sitios de confianza
- Paso 2. Descomprimir archivos y verificar archivos
- Paso 3. Instalaci n de Fuentes en su computadora o sitio web
C mo instalar las Fuentes descargadas: instrucciones detalladas para principiantes
Si desea utilizar las Fuentes descargadas en su proyecto, siga estas sencillas instrucciones para instalar en su computadora:
Paso 1: Descargue las Fuentes deseadas del sitio web correspondiente u otro recurso. Por lo general, se proporciona un archivo con una extensi n para esto .ttf o .otf.
Medida 2: Cree una carpeta en su computadora para almacenar las Fuentes descargadas. Por ejemplo, puede crear una carpeta llamada Fuentes en su Escritorio o en cualquier otro lugar donde se sienta c modo almacenando Fuentes.
Paso 3: Abra la carpeta de Fuentes descargadas y copie los archivos de Fuentes (con extensi n .ttf o .otf) a la carpeta Fuentes que cre .
Medida 4: Una vez que haya copiado los archivos de Fuentes en la carpeta Fuentes, cierre la carpeta de Fuentes.
Paso 5: ahora tenemos que instalar las Fuentes descargadas en su computadora. Para hacerlo, abra la carpeta Fuentes y busque los archivos de Fuentes que desea instalar.
Medida 6: Haga clic derecho en el archivo de fuente y seleccione la opci n "Instalar".
Paso 7: Espere unos segundos para que las Fuentes se instalen en su computadora. Despu s de la instalaci n, ver una notificaci n de finalizaci n del proceso.
Ahora tiene las Fuentes descargadas instaladas en su computadora y puede usarlas en cualquier aplicaci n o sitio web que admita la selecci n de Fuentes.
Nota: Si ya tiene una aplicaci n o sitio web abierto, es posible que deba reiniciarlo para que las nuevas Fuentes est n disponibles.
Paso 1. Descargar Fuentes de sitios de confianza
Hay varios recursos populares que ofrecen una amplia selecci n de Fuentes gratuitas y de pago:
- Font Squirrel
- Google Fonts
- DaFont
En estos sitios, puede navegar y descargar diferentes Fuentes. Al seleccionar una fuente, preste atenci n a su licencia. Aseg rese de que tiene derecho a utilizar esta fuente en las p ginas web.
Despu s de seleccionar una fuente, generalmente se descarga como un archivo ZIP. Descomprima el archivo en una carpeta conveniente para usted en su computadora.
Paso 2. Descomprimir archivos y verificar archivos
Despu s de descargar las Fuentes de Internet, obtendr los archivos como archivos. Por lo general, tienen una extensi n .zip o .rar. Para usar estas Fuentes en su computadora, debe descomprimir los archivos para acceder a los archivos.
Para hacer esto, haga clic derecho en el archivo y seleccione la opci n Extraer todo o Descomprimir. Seleccione la carpeta en la que desea descomprimir los archivos. Se recomienda crear una carpeta separada para cada conjunto de Fuentes para mantenerlos organizados.
Una vez que los archivos est n descomprimidos, verifique los archivos de fuente para detectar errores. Haga clic derecho en el archivo de fuente y seleccione la opci n "Abrir". Si la fuente se abre sin problemas, significa que el archivo se descarg correctamente y no est da ado.
Verifique cada archivo de fuente en el conjunto para asegurarse de que todas las Fuentes funcionen correctamente. Si tiene problemas para abrir una fuente, vuelva a descargarla o busque otra fuente para descargar la fuente.
Paso 3. Instalaci n de Fuentes en su computadora o sitio web
Una vez que haya descargado las Fuentes deseadas para su proyecto, debe instalarlas en su computadora o agregarlas a su sitio web. En esta secci n consideraremos ambas opciones.
Instalaci n de Fuentes en el equipo:
- Descomprima los archivos de fuente descargados si est n en el archivo.
- Haga clic con el bot n derecho en el archivo de fuente y seleccione Instalar o Instalar para todos los usuarios, dependiendo de su configuraci n.
- Repita estos pasos para todos los archivos de fuente descargados que desea instalar.
- Una vez completada la instalaci n, las Fuentes estar n disponibles en cualquier programa en su computadora y podr usarlas al crear documentos o dise ar.
Agregar Fuentes a un sitio web:
- Copie los archivos de Fuentes en la carpeta de su sitio web, como la carpeta "fonts".
- Abra el archivo de estilo de su sitio web (generalmente con una extensi n .css) en un Editor de texto.
- Dentro del archivo de estilo, agregue el siguiente c digo especificando la ruta de los archivos de fuente:
@font-face {font-family :' nombre de fuente';
- src: url ('ruta/a / archivo.woff') format('woff'),
- url('ruta/a/archivo.ttf') format('truetype');
}