Las Fuentes juegan un papel importante en la creaci n de la apariencia Visual de un sitio. Se pueden utilizar para dar singularidad y personalidad al dise o de la p gina. Sin embargo, el uso de Fuentes est ndar puede ser limitado, y es posible que desee utilizar Fuentes no est ndar como archivos TrueType (TTF).
Las instrucciones para cargar una fuente TTF en su sitio pueden parecer complicadas, pero en realidad son bastante simples. Primero, tendr que encontrar y elegir la fuente TTF adecuada para su sitio web. Puede encontrar muchas Fuentes TTF gratuitas en l nea y tambi n puede comprar Fuentes comerciales de proveedores especializados.
Una vez que haya elegido la fuente TTF para su sitio, el siguiente paso es cargar ese archivo en su servidor. Para hacer esto, deber acceder al panel de control de su proveedor de alojamiento y encontrar la carpeta en la que desea cargar la fuente.
- Selecci n y descarga de la fuente TTF
- Buscar y seleccionar la fuente adecuada
- Descargar la fuente TTF de una fuente confiable
- Conexi n de la fuente TTF al sitio
Selecci n y descarga de la fuente TTF
| Medida 1: | Elija la fuente TTF adecuada para su sitio web. Tenga en cuenta el estilo y la legibilidad de la fuente en el contexto de su contenido. |
| Medida 2: | Descargue el archivo de fuente con la extensi n TTF en su computadora. |
| Medida 3: | Cree una carpeta "fonts" en su servidor web donde se almacenar su fuente. Aseg rese de que la carpeta est disponible para descargar. |
| Medida 4: | Abra el archivo CSS de su sitio y agregue el siguiente c digo: |
@font-face {
| font-family: "el Nombre de tu fuente"; | src: url ("fonts / nombre_su_rifta.ttf") format("truetype"); |
}
Reemplace "Nombre de su fuente "con el nombre de su fuente y" nombre_su_rift.ttf " en el nombre del archivo de fuente que descarg . Aseg rese de que la ruta del archivo de fuente sea correcta.
Medida 5:
Agregue una regla CSS para usar su fuente en los elementos deseados:
.element {
| font-family: "el Nombre de tu fuente", sans-serif; | } |
| Reemplazais .element " en el selector apropiado del elemento al que desea aplicar su fuente. | |
| Eso es todo! Despu s de seguir estos pasos, su fuente TTF se cargar con xito en su sitio y estar lista para usar. | Buscar y seleccionar la fuente adecuada |
| Antes de comenzar el proceso de cargar una fuente TTF en su sitio, debe hacer el trabajo b sico de encontrar la fuente adecuada. Es posible que desee una fuente que se adapte a su marca o estilo de sitio. | Hay muchos recursos para encontrar y descargar Fuentes. Algunos proporcionan Fuentes de forma gratuita, otros por una tarifa. Por ejemplo, Google Fonts es una de las Fuentes gratuitas m s populares. |
El proceso de selecci n de Fuentes puede ser complicado y llevar tiempo, ya que es importante encontrar una fuente adecuada para varios elementos de texto en un sitio, incluidos t tulos, p rrafos y otros elementos de dise o.
1.
Visite un recurso donde busque Fuentes, como Google Fonts.
2.
- Use las herramientas de b squeda y los filtros en el sitio para encontrar Fuentes que se ajusten a sus necesidades. Puede refinar opciones como estilo de fuente, auriculares, opciones alternativas, etc.
- 3.
- Vea la vista previa de la fuente en la p gina seleccionada. Eval e c mo se ve en varios tama os y en diferentes estilos.
- 4.
- Seleccione la fuente que le interesa, haga clic en el bot n "seleccionar" o "agregar a la colecci n". A continuaci n, vaya a la papelera de reciclaje para descargar las Fuentes seleccionadas.
- Una vez que haya elegido la fuente adecuada, est listo para pasar al proceso de descargarla e instalarla en su sitio.
- Descargar la fuente TTF de una fuente confiable
Hay muchos sitios web donde puedes encontrar y descargar Fuentes TTF. Uno de esos recursos confiables es Google Fonts. En este sitio puede encontrar una gran selecci n de Fuentes para diferentes estilos y tareas.
Para descargar la fuente TTF de Google Fonts, es necesario:
Visite el sitio web de Google Fonts en fonts.google.com;
| Elija la fuente que desee con la funcionalidad de b squeda o navegar por las Fuentes por categor a; | Haga clic en una fuente para Mostrar su informaci n detallada; |
|---|---|
| En la p gina de detalles, seleccione los pesos y estilos de fuente deseados utilizando el bot n Seleccionar estilos. | Una vez que haya seleccionado todos los pesos y estilos necesarios, haga clic en el bot n "cambiar Aspecto". Se abrir una nueva p gina con un ejemplo de la fuente seleccionada; |
| En la p gina de ejemplo, vaya a la secci n Visualizaci n de texto. Escriba el texto que desea ver en el ejemplo; | Haga clic en el bot n Familia de texto seleccionado a la derecha de la visualizaci n de texto y seleccione la opci n Descargar. |
| Despu s de completar estos pasos, su fuente se descargar en formato TTF y estar lista para cargarse en su sitio web. | Conexi n de la fuente TTF al sitio |
| Para agregar una nueva fuente a su sitio web, siga estos pasos:: | Paso |
Acci n
| 1 | Encontrar el archivo TTF fuente deseada y descargarlo en su ordenador. |
2
Coloque el archivo descargado en el servidor de su sitio web. Esto generalmente ocurre en la carpeta "fonts " o"css/fonts".
3