Las Fuentes juegan un papel importante en la creaci n de una apariencia nica del sitio y pueden enfatizar su estilo y atm sfera. Son una parte integral del dise o y pueden hacer una gran diferencia en la impresi n que dejan los visitantes.
Si decide usar una fuente no est ndar en su sitio, deber instalarla en su servidor web y luego conectarla a su sitio. Cada fuente es un archivo con una extensi n .ttf o .otf, que se puede descargar desde varios sitios web.
Despu s de descargar y descomprimir el archivo que contiene los archivos de fuente, debe determinar d nde colocarlos para que est n disponibles para su uso en su sitio.
Algunos desarrolladores web recomiendan colocar los archivos de fuente en el directorio /fonts en su servidor web. La ventaja de este enfoque es que las Fuentes descargadas se separan del resto de los archivos del sitio, lo que hace que la estructura de su sitio sea m s organizada y le permita administrar las Fuentes m s f cilmente.
Sin embargo, antes de comenzar a instalar la fuente, verifique la licencia que viene con el archivo de fuente. Algunas Fuentes pueden tener restricciones de uso y debe seguir las reglas especificadas para usarlas legalmente.
- C mo instalar correctamente la fuente descargada en el sitio
- Elegir el lugar correcto
- Descargar fuente
C mo instalar correctamente la fuente descargada en el sitio
Primero debe verificar el formato de la fuente descargada. Las Fuentes pueden estar en diferentes formatos, como TrueType (TTF), OpenType (OTF), web Open Font Format (WOFF) y otros.
Una vez que haya descargado la fuente adecuada, cree una carpeta "fonts" en el directorio de su proyecto. Dentro de la carpeta "fonts", guarde el archivo de fuente descargado.
A continuaci n, cree un archivo de estilo CSS o abra un archivo ya existente. En este archivo, puede agregar un nuevo selector para aplicar la fuente descargada a elementos espec ficos de su sitio.
En CSS, use la propiedad @font-face para especificar y conectar la fuente descargada a su sitio. Dentro de la propiedad @font-face, defina el nombre de la fuente, su ruta y formato.
Ejemplo de c digo CSS para instalar una fuente descargada:
| C digo | Descripci n |
|---|---|
@font-face { | Inicio de la definici n de la fuente descargada |
font-family: 'Nombre_rifta'; | Especificar el nombre de la fuente |
src: url ('ruta de acceso.format_shrift'); | Especifica la ruta de acceso y el formato del archivo de fuente |
} | Fin de la definici n de la fuente descargada |
con el nombre de la fuente en el selector de encabezado h1.
Ejemplo de c digo CSS para aplicar una fuente descargada a un encabezado h1:
Ahora, al abrir su sitio, la fuente se aplicar a los elementos a los que lo ha vinculado, haciendo que su sitio sea nico y atractivo para los visitantes.
Elegir el lugar correcto
El lugar correcto para instalar la fuente descargada en el sitio depende de los detalles del proyecto y las tecnolog as utilizadas.
Una forma com n de instalar Fuentes es conectarlas desde una fuente externa con una etiqueta. Para ello, puede alojar archivos de Fuentes en hosts de terceros y hacer referencia a ellos en el c digo de la p gina.
Si desea utilizar la fuente descargada directamente en el servidor, debe colocarse en una carpeta con otros archivos del sitio, generalmente en el directorio "fonts".
Para facilitar el trabajo con Fuentes, puede crear una directiva especial en el archivo de estilo CSS que especifique la ruta de acceso a los archivos de Fuentes. Por ejemplo:
@font-face {
font-family: "MyFont";
src: url("fonts/myfont.ttf");
| / * opciones de fuente avanzadas */ | } |
|---|---|
| En este ejemplo, el archivo de fuente es " myfont.ttf "est alojado en la carpeta "fonts" en el servidor. A continuaci n, la fuente se puede utilizar en las reglas CSS utilizando la propiedad "font-family". | |
| Tambi n es importante especificar correctamente la ruta del archivo de fuente en el c digo HTML de la p gina. Para ello, puede utilizar rutas relativas o absolutas, dependiendo de la estructura del proyecto. | En general, es aconsejable elegir la ubicaci n de instalaci n de la fuente descargada de tal manera que est disponible para descargar junto con el resto de los archivos del sitio y se conecte correctamente en la p gina. |
| Ventajas | Deficiencias |
F cil de instalar y conectar Fuentes desde una fuente externa
Dependencia de la estabilidad del alojamiento de terceros
Posibilidad de controlar los derechos y la disponibilidad de los archivos de Fuentes en el servidor
Necesidad de colocar y actualizar manualmente los archivos de fuente
Minimiza el Tama o de los archivos y acelera la carga de la p gina
Selecci n limitada de Fuentes disponibles en Hosting de terceros