Las Fuentes son un elemento importante en el dise o de cualquier sitio web. Son capaces de crear el ambiente adecuado y se destacan entre muchos otros. Usar las Fuentes preinstaladas ya no es interesante? Quieres dise ar tu sitio web con tus propias Fuentes? A continuaci n, debe conectar la carpeta de Fuentes a su sitio web.
Conectar una carpeta con Fuentes es bastante simple y no requiere conocimientos especiales de programaci n. Solo necesitar un peque o c digo HTML para realizar esta tarea. Veamos las instrucciones paso a paso para conectar una carpeta con Fuentes en su sitio.
Paso 1: Crea una carpeta para las Fuentes en tu servidor. Dale un nombre que sea f cil de recordar y usar en el c digo HTML. En esta carpeta, podr almacenar todas las Fuentes que desea usar en el sitio.
Paso 2: Descargue las Fuentes que necesita en formato TTF, OTF u otro formato compatible. Mueva los archivos de Fuentes descargados a la carpeta de Fuentes que cre en el servidor.
Nota: Compruebe los t rminos de licencia de las Fuentes que ha seleccionado. Algunas Fuentes pueden ser gratuitas para uso personal, pero se requiere una licencia para usar en sitios comerciales.
Paso 3: Abra el archivo HTML en el que desea usar estas Fuentes. Agregue el siguiente c digo al rea de su documento:
En este c digo, debe especificar el nombre de la fuente (name_of_your_font) y la ruta de su carpeta de Fuentes (path_to_your_font). Si ha especificado correctamente la ruta y los nombres de las Fuentes, estas Fuentes estar n disponibles en el documento.
- Paso 1: Crear una carpeta para las Fuentes
- Paso 2: Descargar Fuentes a la carpeta
- Medida 3: Agregar una carpeta de Fuentes a un sitio
- Paso 4: Conectar Fuentes al sitio
Paso 1: Crear una carpeta para las Fuentes
1. Abra el explorador de archivos en su computadora y busque la ubicaci n donde desea crear una carpeta para las Fuentes. Por ejemplo, puede elegir la carpeta ra z de su sitio.
2. Haga clic con el bot n derecho en la ubicaci n seleccionada y, en el men contextual, seleccione Nuevo - > Carpeta.
3. Escriba un nombre para la nueva carpeta, por ejemplo," fonts", y presione la tecla"Enter".
Ahora tiene una carpeta "fonts" donde podr almacenar archivos de Fuentes para su sitio.
Paso 2: Descargar Fuentes a la carpeta
Despu s de seleccionar las Fuentes adecuadas para su sitio, debe descargarlos en una carpeta en su servidor. Las siguientes instrucciones lo guiar n a trav s de este paso:
1. Cree una carpeta para las Fuentes en su servidor
Antes de descargar las Fuentes, deber crear una carpeta en su servidor en la que descargar las Fuentes. Por lo general, la carpeta de Fuentes se coloca dentro de la carpeta de su proyecto.
2. Nombre la carpeta de Fuentes
Dale a la carpeta de Fuentes un nombre claro y nico para que sea m s f cil identificar qu Fuentes est n dentro. Por ejemplo, puede nombrar la carpeta "Fuentes".
3. Mueva las Fuentes a la carpeta
Ahora copie o mueva las Fuentes descargadas de su carpeta de origen o archivo descargado a la carpeta de Fuentes que cre .
4. Aseg rese de que las Fuentes est n en el formato correcto
Aseg rese de que todas las Fuentes descargables est n en formatos compatibles, como .woff, .woff2, .ttf o .otf.
5. Compruebe los permisos de la carpeta
Aseg rese de que la carpeta de Fuentes tenga los permisos correctos para que su servidor web pueda cargar las Fuentes y asegurarse de que se muestren correctamente en la p gina.
Despu s de completar este paso, sus Fuentes est n listas para su uso en su sitio. En el siguiente paso, veremos c mo conectar las Fuentes a su sitio con CSS.
Paso 3: Agregar una carpeta de Fuentes al sitio
Una vez que haya descargado la carpeta de Fuentes en su servidor, debe crear un directorio separado en su sitio donde se almacenar esta carpeta.
- Abra el panel de control de su alojamiento y busque la secci n para trabajar con los archivos del sitio.
- Vaya al directorio principal de su sitio o cree un nuevo directorio si ya tiene otros archivos en el sitio.
- Haga clic derecho en el directorio seleccionado y seleccione la opci n "Crear nueva carpeta".
- Escriba un nombre para la nueva carpeta, como "fonts", y haga clic en el bot n "Nuevo".
- Abra la carpeta "Fuentes" reci n creada y cargue la carpeta de Fuentes que carg en el servidor anteriormente.
Ahora la carpeta de Fuentes est en su sitio y est lista para usar. Puede acceder a las Fuentes que se encuentran en esta carpeta a trav s de los estilos CSS en su sitio.
Paso 4: Conectar Fuentes al sitio
Para conectar una carpeta de Fuentes a su sitio web, siga estos pasos::
- Cree una carpeta separada en el servidor donde desee colocar las Fuentes. Dale un nombre claro, como "fonts".
- Copie todos los archivos de fuente en la carpeta creada.
- Abra el archivo de estilo CSS de su sitio web.
- o en un archivo CSS separado:
| C digo: |
|---|
@font-face { |
font-family: 'Nombre_rifta'; |
src: url ('ruta / nombre_rifta.extension_shrift'); |
} |
En lugar de' Nombre_rift', especifique el nombre que desea asignar a la fuente. En lugar de ' path_k_shrift/nombre_shrift.extension_shrift ' especifique la ruta del archivo de fuente relativa al directorio ra z de su sitio.
Por ejemplo, si su fuente se llama " font.woff "y se encuentra en la carpeta "fonts" en el servidor, la ruta se ver as : "fonts / font.woff .
Despu s de eso, la fuente estar disponible para su uso en su sitio.