Tu propia fuente en la página. Instalación de nuevas fuentes en MS Word Cómo utilizar las fuentes instaladas

Vlad Merzhevich

La fuente es una parte integral del diseño web, le da expresividad y reconocimiento al sitio, expresa el estilo característico del sitio y está directamente relacionada con la percepción de los textos. Una fuente bien elegida puede pasar desapercibida, pero sin ella no habrá entusiasmo que le dé integridad al diseño del sitio.

Si ya tiene una fuente específica instalada en su computadora, simplemente agregue una línea a los estilos.

h1 (familia de fuentes: SuperPuperFont;)

El valor de la propiedad font-family es el nombre del tipo de letra; se aplicará a todos los títulos

. Pero, ¿qué verán los visitantes del sitio web si nuestra espectacular y rara fuente no está instalada? Esta situación es muy probable, por lo que si el navegador no reconoce la fuente declarada, utilizará la fuente predeterminada, por ejemplo en Windows es Times New Roman. Todo nuestro diseño tipográfico cuidadosamente pensado se desmoronará y se convertirá en polvo de la noche a la mañana, por lo que debemos buscar la solución más universal. Lo primero que viene a la mente de inmediato es hacer los arreglos para que el archivo de fuente se descargue en la computadora del usuario y el texto se muestre en la fuente seleccionada. En comparación con otros métodos, como mostrar texto a través de una imagen, este método es el más simple y versátil.

¿Qué ventajas nos aporta en definitiva cargar un archivo tipográfico y luego aplicarlo mediante CSS?

• El texto es fácil de agregar y editar.
• En el navegador, puede utilizar la búsqueda y encontrar las frases deseadas.
• En la configuración del navegador, puede reducir o aumentar el tamaño de fuente para lograr una visualización cómoda.
• Los motores de búsqueda Indexan bien el contenido del documento.
• El texto se puede seleccionar y copiar al portapapeles, así como traducirlo a otro idioma.
• Los parámetros del texto, como el interlineado, el color, el tamaño y similares, se pueden cambiar fácilmente utilizando las propiedades CSS.
• Nuevamente, usando CSS, puedes simplemente agregar diferentes efectos al texto, como una sombra.

Como puede ver, hay muchas ventajas. También hay pequeñas desventajas y, para mantener el equilibrio, vale la pena mencionarlas.

• No todas las versiones de navegadores admiten fuentes descargables ni formatos únicos.
• El archivo que contiene el tipo de letra puede ocupar una gran cantidad de espacio, lo que ralentiza la carga de la página web.

En mesa 1 enumera las versiones del navegador y los formatos de fuente que admiten.

Mesa 1. Formatos soportados

Formato	explorador de Internet	Cromo	Ópera	Safari	Firefox	Androide	iOS
TTF	9.0+	4.0+	10.0+	3.1+	3.5+	2.2+
EOT	5.0-8.0
WOFF	9.0+	5.0+			3.6+
SVG		1.0+	9.0+	3.1+	3.5+		1.0+

El formato más compatible es TTF. A excepción de IE hasta la versión 9.0 e iOS, todos los navegadores lo entienden perfectamente. Entonces, si su fuente tiene este formato y se dirige a navegadores modernos, no tendrá que realizar ninguna acción adicional. Basta con escribir el siguiente código en estilos (ejemplo 1).

Ejemplo 1: conexión TTF

HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx

Primero, cargamos el archivo de fuente usando la regla @font-face. Dentro de él escribimos el nombre del tipo de letra a través del parámetro font-family y la ruta al archivo a través de src. Luego usamos la fuente como de costumbre. Entonces, si necesitamos configurar la fuente del título, entonces para el selector h1, como se muestra en el ejemplo, configuramos la propiedad font-family con el nombre de la fuente cargada. Para versiones anteriores de IE, enumeramos opciones alternativas separadas por comas. En este caso, la fuente del título será "Comic Sans MS", ya que IE8 y versiones inferiores no admiten el formato TTF.

El resultado de este ejemplo se muestra en la Fig. 1.

Arroz. 1. Encabezado con fuente cargada

¿Qué hacer si necesitas desesperadamente una fuente florida en IE8? Afortunadamente, @font-face te permite incluir múltiples archivos de fuentes de diferentes formatos al mismo tiempo. El navegador sólo tiene que elegir el adecuado. Por lo tanto, una solución universal que funciona en todos los navegadores se reduce a convertir el formato TTF existente a EOT y luego conectar ambos archivos.

Para la conversión, existen varios servicios en línea que le permiten cargar un archivo TTF y recibir un archivo EOT como salida. Desafortunadamente, la mayoría de estos servicios tienen el mismo problema: recibimos el archivo, pero el idioma ruso no es compatible. Como resultado, no se logra el resultado deseado, la conversión se realiza incorrectamente. Entre los sitios que revisé, había uno que mostraba el texto correctamente en IE.

Vamos a este sitio, descargamos el archivo TTF y hacemos clic en el botón "Convertir TTF a EOT", luego de lo cual guardamos el archivo resultante en la carpeta con fuentes. En estilos, queda realizar un pequeño truco y fuerza. diferentes navegadores descargue la fuente en el formato requerido. Para hacer esto, agregamos dos parámetros src. El primero apunta al archivo EOT y está destinado a versiones anteriores de IE. El segundo parámetro src debe contener dos direcciones separadas por comas, una de las cuales apunta al archivo TTF. El hecho es que las versiones de IE 8.0 y anteriores no comprenden la coma en el parámetro src y, en consecuencia, ignorarán todo el parámetro. Puede haber varias opciones de escritura, por ejemplo, repetir la URL, especificar el nombre de la fuente dentro del parámetro local o incluso escribir una fuente inexistente. Si el navegador no puede cargar dicha fuente, irá a la segunda de la lista y la escribiremos correctamente. Métodos de escritura aceptables.

src: url(fuentes/pompadur.ttf), url(fuentes/pompadur.ttf);
src: local(pompadur), url(fonts/pompadur.ttf);
src: local("bla bla"), url(fonts/pompadur.ttf);

En el ejemplo 2 se muestra una opción funcional para conectar una fuente para todas las versiones del navegador.

Ejemplo 2: conexión EOT

HTML5 CSS3 IE Cr Op Sa Fx

Un elemento moderno del proceso político.

De hecho, las enseñanzas políticas de Montesquieu ponen de relieve el tipo de cultura política de Europa continental, que se reflejó en las obras de Michels.

En cuanto a iOS, me parece que no tiene mucho sentido crear y descargar una fuente separada en formato SVG. La audiencia de los sitios que lo ven a través de iOS es todavía pequeña y, además, la versión del sitio es para dispositivos móviles Están intentando hacerlo más fácil y no es recomendable descargar unas decenas de kilobytes adicionales.

Fuentes web de Google

Puede encontrar un servicio conveniente que se encarga de la rutina de admitir diferentes formatos de fuente y versiones de navegador en www.google.com/webfonts. Aunque hay relativamente pocas fuentes diferentes en la colección (hay varias docenas), todas están seleccionadas de muy alta calidad y se pueden usar de forma gratuita en sitios web.

Antes de seleccionar una fuente, cambie el valor Script a cirílico, luego verá una lista de fuentes que admiten el idioma ruso (Fig. 2).

Arroz. 2. Seleccionar fuentes en Google Web Fonts

La fuente que le guste primero debe agregarse a la colección haciendo clic en el botón "Agregar a la colección" y luego en el botón "Usar" en la esquina inferior derecha de la pantalla. En la página siguiente (Fig. 3) finalmente podrá seleccionar las fuentes que necesita. Al mismo tiempo, debe comprender que un tipo de fuente puede contener varios estilos y cada uno de ellos aumenta el volumen de archivos descargados.

Arroz. 3. Fuentes cargadas en la página.

Puede conectar las fuentes seleccionadas de una de tres maneras; el código agregado se puede copiar debajo de la página.

1. A través de elemento . La línea se verá así.

2. A través de la regla @import. Insertamos esta línea en nuestro archivo CSS en la parte superior.

@importar URL(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);

3. A través de JavaScript.

En principio, todos los caminos son iguales, así que elige según tus preferencias.

Las ventajas de utilizar este servicio son las siguientes.

• Las fuentes son de uso gratuito, no es necesario pagar por ellas.
• Las fuentes ofrecidas están "mejoradas" para verlas en la pantalla, los archivos están optimizados y ocupan un volumen relativamente pequeño.
• El navegador se detecta automáticamente y se le proporciona la fuente en el formato requerido.

Una de las principales ventajas del servicio es que las fuentes se almacenan en formatos TTF, EOT, WOFF, SVG y se cargan después de consultar el navegador. Por tanto, el formato EOT sólo estará disponible para versiones anteriores de IE.

Depende de usted si utiliza Google Web Fonts o no. Si no encuentra una fuente adecuada allí, siempre puede conectar el popular y extendido TTF. Además, es compatible con las últimas versiones de todos los navegadores populares.

Al diseñar páginas, de vez en cuando hay que lidiar con fuentes no estándar. Por supuesto, no debes usarlos como los principales del sitio, pero en varios elementos individuales, por ejemplo, en el encabezado, es muy posible. El problema con estas fuentes es que es posible que simplemente no estén en la computadora del usuario, lo que hará que el texto correspondiente se muestre en una fuente estándar y, como resultado, se estropee el diseño deseado. Este problema se puede resolver de forma muy sencilla: todos la fuente no estándar se recorta simplemente como una imagen. Sin embargo, también hay Otra forma de utilizar una fuente personalizada en un sitio web..

déjame escribir código CSS, y luego te lo explico:

@Perfil delantero (
familia de fuentes: SpecialFont;
src: url("fuente/specialfont.ttf");
}
pag(
familia de fuentes: SpecialFont;
}

Como resultado, a las etiquetas.

se aplicará la fuente Fuente especial. Creo que el código es bastante transparente, pero lo explicaré de todos modos. Debe obtener la fuente y cargarla en su sitio web, por ejemplo, en una carpeta. fuente. Siguiente en código CSS registrarse en @Perfil delantero su nombre y ruta hacia él, y luego podrá usarlo.

Pero no en vano, en la mayoría de los casos utilizan imágenes para mostrar fuentes no estándar. En uso @font-face hay 2 inconvenientes:

1. Hay fuentes muy grandes que pesan cientos de kilobytes, y esto aumentará drásticamente el tiempo de carga de la página.
2. El segundo inconveniente es aún más grave. No todos los navegadores admiten esta función Además, algunos navegadores requieren una fuente en un formato diferente (no ttf). Por lo tanto, algunas personas seguirán sin ver su fuente. Para solucionar este problema, es necesario descargar la misma fuente en diferentes formatos, lo que aumentará considerablemente la primera desventaja.

Pero vale la pena señalar que el primer inconveniente ya no es tan importante como antes. Dado que las velocidades de conexión a Internet están aumentando muy rápidamente y pocas personas se preocupan por las conexiones adicionales 100-200 KB.

El segundo inconveniente tampoco es tan importante. Los únicos navegadores más o menos populares que no entenderán este código son IE8 y menos, más iOS. Todos los demás navegadores modernos entenderán este código sin ningún problema.

Teniendo en cuenta que IE8 sigue siendo relativamente popular, entonces personalmente me retiraré por ahora Las fuentes no estándar todavía están disponibles como imágenes., pero realmente espero que en un futuro próximo este navegador pase a la historia y entonces sea posible utilizarlo. Fuentes @font-face y ttf.

PD¡Felicitaciones a todas las mujeres por las vacaciones de primavera!

EN Últimas Versiones editor de texto Microsoft Word Hay un conjunto bastante grande de fuentes integradas. La mayoría de ellos, como era de esperar, constan de letras, pero algunos utilizan varios símbolos y signos en lugar de letras, lo que también es muy conveniente y necesario en muchas situaciones.

Y, sin embargo, no importa cuántas fuentes integradas tenga MS Word, el conjunto estándar no siempre será suficiente para los usuarios activos del programa, especialmente si desea algo realmente inusual. No es de extrañar que en Internet puedas encontrar muchas fuentes para este editor de texto creado por desarrolladores externos. Es por eso que en este artículo hablaremos sobre cómo agregar una fuente a Word.

Advertencia importante: Descargue fuentes, como cualquier otro software, sólo desde sitios confiables, ya que muchos de ellos pueden contener virus y otro software malicioso. No se olvide de su propia seguridad y la seguridad de sus datos personales, no descargue las fuentes proporcionadas en la instalación. archivos EXE, ya que en realidad se distribuyen en archivos que contienen archivos en formatos OTF o TTF compatibles con el sistema operativo Windows.

Aquí hay una lista de recursos seguros desde los cuales puede descargar fuentes para MS Word y otros programas compatibles:

Tenga en cuenta que todos los sitios anteriores están implementados de manera extremadamente conveniente y cada una de las fuentes se presenta allí de manera clara y comprensible. Es decir, miras la imagen de vista previa, decides si te gusta esta fuente y si la necesitas, y solo después la descargas. Entonces empecemos.

1. Seleccione una fuente adecuada en uno de los sitios que ofrecemos (o en otro en el que confíe completamente) y descárguela.

2. Vaya a la carpeta donde descargó el archivo (o simplemente un archivo) con las fuentes. En nuestro caso, este es el escritorio.

3. Abra el archivo y extraiga su contenido a cualquier carpeta conveniente. Si ha descargado fuentes que no están archivadas, simplemente muévalas a una ubicación donde pueda acceder a ellas fácilmente. No cierre esta carpeta.

Nota: Además del archivo OTF o TTF, el archivo con fuentes también puede contener archivos de otros formatos, por ejemplo, una imagen y Documento de texto, como en nuestro ejemplo. No es necesario extraer estos archivos.

4. Abrir.
EN Windows 8 - 10 puedes hacer esto usando las teclas Ganar+X, donde en la lista que aparece debe seleccionar . En lugar de teclas, también puedes hacer clic derecho en el icono del menú. "Comenzar".

EN Windows XP - 7 esta sección está en el menú "Comenzar" — .

5. Si está en modo de visualización "Categorías", como en nuestro ejemplo, cambie al modo de visualización de iconos pequeños; de esta manera podrá encontrar rápidamente el elemento que necesita.

6. Encuentra el artículo allí. “Fuentes”(lo más probable es que sea uno de los últimos) y pulsa sobre él.

7. Se abrirá una carpeta con las fuentes instaladas en Windows. Coloque en él los archivos de fuentes previamente descargados y extraídos del archivo.

Consejo: Puedes simplemente arrastrarlos con el mouse de una carpeta a otra o usar los comandos Ctrl+C(copia) o Ctrl+X(cortar) y luego Ctrl+V(insertar).

8. Después de un breve proceso de inicialización, la fuente se instalará en el sistema y aparecerá en la carpeta donde la movió.

Nota: Algunas fuentes pueden constar de varios archivos (por ejemplo, normal, cursiva y negrita). En este caso, deberás colocar todos estos archivos en la carpeta de fuentes.

Instalación de una nueva fuente en Word

1. Inicie Word y busque una nueva fuente en la lista de fuentes estándar integradas en el programa.

2. A menudo, encontrar una nueva fuente en la lista no es tan fácil como podría parecer: en primer lugar, ya hay bastantes y, en segundo lugar, su nombre, aunque escrito en su propia fuente, es bastante pequeño.

Para encontrar rápidamente una nueva fuente en MS Word y comenzar a usarla al escribir, abra el cuadro de diálogo del grupo "Fuente" haciendo clic en la pequeña flecha ubicada en la esquina inferior derecha de este grupo.

3. Listado "Fuente" busque el nombre de la nueva fuente que instaló (en nuestro caso es Altamonte Uso personal) y selecciónelo.

Consejo: En la ventana "Muestra" puedes ver cómo se ve la fuente. Esto te ayudará a encontrarlo más rápido si no recuerdas el nombre de la fuente, pero sí lo recuerdas visualmente.

4. Después de hacer clic "DE ACUERDO" en el cuadro de diálogo "Fuente", cambiará a la nueva fuente y podrá comenzar a usarla.

Incrustar una fuente en un documento

Una vez que instales la nueva fuente en tu computadora, solo podrás usarla tú mismo. Es decir, si envía un documento de texto escrito con una nueva fuente a otra persona que no tiene esta fuente instalada en el sistema y, por lo tanto, no está integrada en Word, no se le mostrará.

Si desea que la nueva fuente esté disponible no solo en su PC (bueno, en la impresora, o mejor dicho, en una hoja de papel impresa), sino también en otras computadoras, otros usuarios, debe estar incrustada en un documento de texto. Lea a continuación para obtener información sobre cómo hacer esto.

Nota: Incrustar una fuente en un documento aumentará el tamaño del documento de MS Word.

1. En un documento de Word, vaya a la pestaña "Opciones", que se puede abrir a través del menú "Archivo"(Word 2010 - 2016) o botón "MS Word" (2003 — 2007).

2. En el cuadro de diálogo "Opciones" que se abre frente a usted, vaya a la sección "Preservación".

3. Marque la casilla junto al artículo. "Incrustar fuentes en el archivo".

4. Seleccione si desea incrustar solo los caracteres que se utilizan en el documento actual (esto reducirá el tamaño del archivo) o si desea excluir la incrustación de fuentes del sistema (de hecho, no es necesario).

En realidad, podemos terminar aquí, porque ahora sabes cómo instalar fuentes en Word, habiéndolas instalado previamente en Windows. Le deseamos éxito en el dominio de nuevas funciones y posibilidades ilimitadas. programas de microsoft Palabra.

Sin una fuente, los libros, blogs, anuncios sobre cursos de dibujo o cómo crear copos de nieve a partir de pompones son imposibles. Mucho depende de elegir la fuente adecuada. Una fuente, como el rostro de una persona, puede reflejar y evocar emociones y estados de ánimo. Por ejemplo, le gustaría que las personas estuvieran felices después de leer su texto, pero por alguna razón permanecen indiferentes. El punto puede ser la fuente incorrecta elegida. Y esto provoca disonancia cognitiva.

En el libro On Type, Eric Spiekermann, el experto número uno en tipografía, muestra que la tipografía no es un arte para la élite, sino una poderosa herramienta disponible para cualquiera que tenga algo que decir y quiera expresar sus pensamientos correctamente, tanto en papel y sobre papel pantalla.

Aquí se explica el diseño. en lenguaje sencillo, y la fuente deja de ser algo incomprensible. Significativo, fuerte, interesante. Este libro ya ha sido leído por millones de personas en todo el mundo. Ahora también está en ruso.

Conoce a Eric Spiekermann

Eric Spiekermann es diseñador, profesor de la Academia de Artes de Bremen, miembro del Consejo Alemán de Diseño y presidente de la Sociedad Internacional de Diseñadores Tipográficos.

Eric tiene una pasión: las fuentes. Puede saber fácilmente de qué época proviene una fuente en particular. Qué fuente mostrará tu amor y cuál tus intenciones serias.

Eric Spiekermann y su frase más famosa sobre la tipografía.

Si alguna vez has estado en Alemania y has viajado en trenes alemanes, las inscripciones, diagramas y señales que viste en paradas, andenes y estaciones están escritos en la fuente Deutsche Bahn, creada por las manos de Eric Spiekerman. También creó la fuente para Audi y el diseño para la revista The Economicist. Y escribí este libro.

“La belleza de sus publicaciones es que están escritas por Eric para NO diseñadores. Esto es lo que la gente realmente ama: diseño y tipografía en lenguaje humano común y corriente. Spiekermann: es simplemente el Papa de la tipografía moderna y del diseño en general”.
Natalie Ratkowski

¿Qué hay dentro?

Este es un mundo paralelo real donde las fuentes son sus principales habitantes. Y este libro te enseñará a comprender las fuentes como la palma de tu mano. Hay una gran cantidad de ejemplos en el libro.

El diseño gráfico y la tipografía no son fáciles, pero incluso los proyectos simples pueden beneficiarse si se sabe elegir la fuente adecuada.

La habilidad de presentar información es lograr que el lector no se distraiga, lea hasta el final y comprenda lo que quería decir. Este es el arte de elegir una fuente.

Letras con caracter

Mire más de cerca la letra: ¿es liviana o masiva, redonda o cuadrada, delgada o achaparrada? Cómo se ve? Las letras pueden permanecer firmes como soldados, o pueden cantar o bailar con gracia en fila, pueden gritar o reír. Algunas palabras no sólo suenan, sino que también parecen más agradables que otras.

Fuente para duda, sorpresa, ira y alegría. Ilustración del libro

En la fuente de la palabra alegría (“alegría”) formularios abiertos, golpes seguros y sensación de dinámica. Es agradable ver que algunas palabras contienen una explicación en las letras que las componen. Estas formas sueltas y sencillas definitivamente te harán pensar en una persona alegre y con los brazos abiertos, especialmente la letra Y.

Las fuentes en negrita con contornos nítidos corresponden a sentimientos sombríos, mientras que las emociones agradables se transmiten mejor con fuentes ligeras y casuales.

fuente kafka

Los diseñadores de fuentes siempre han tomado su escritura a mano como modelo al desarrollar tipos de letra. Las limitaciones mecánicas llevaron al desarrollo de fuentes manuscritas, escritas con pincel, pluma, pluma estilográfica o incluso rotulador. Luego fueron cortados en metal o fotografiados y convertidos en tipos.

Hoy en día, con el desarrollo de las herramientas digitales, las fuentes escritas a mano se han vuelto más inusuales y personalizadas. Ahora puedes comprar la "caligrafía" de artistas y escritores famosos como Picasso, Cézanne y Franz Kafka.

Fuentes del grupo Mister K. Ilustración del libro.

Los manuscritos de este último eran bastante ilegibles, pero esto no detuvo a Yulia Sysmäläinen: ella desarrolló la fuente Mr. K - de puño y letra de Kafka - con todas las imperfecciones que el escritor probablemente querría evitar.

Rompecabezas de tipografía

Vamos a jugar. ¿Qué fuente crees que combina con cada tipo de zapato?

Ilustración del libro.

Que fuente elegir

Quizás has estado en esta situación: tarde en la noche, vuelo a las seis de la mañana, y todavía estás haciendo la maleta y no sabes qué llevarte.

Esto sucede al elegir una fuente.

Elegir la fuente adecuada para un mensaje específico es interesante y difícil al mismo tiempo. ¿Qué desea incluir en el mensaje, además de hechos? ¿Cómo quieres interpretarlo, comentarlo, decorarlo? Si elige una fuente "neutral", como Times New Roman, entonces el mensaje es neutral.

Al pensar en la apariencia del mensaje, lo interpretas de una forma u otra.

Antes de guardar fuentes en una maleta imaginaria, observe el problema. Es necesario equilibrar practicidad y estética.

Asociamos la apariencia de una fuente en particular con un producto determinado. Así, los productos frescos son más adecuados para etiquetas con improvisaciones. fuente manuscrita. Los productos horneados corresponden a serifas de formas suaves, los cereales integrales se representan mejor con letras escritas a mano con contornos irregulares, y los negocios serios se asocian con la era del grabado en cobre, los valores se producían en forma de certificados impresos elaborados.

Libro extendido

todavía en el libro

Con este libro, verá las fuentes de una manera nueva, aprenderá a comprenderlas y elegirá la adecuada para sus propósitos. El libro contiene mucha información interesante y práctica:

• Historia de la evolución de las fuentes
• Seleccionar una fuente para una tarea específica
• Legibilidad y legibilidad de la fuente.
• Cómo hacer que una fuente funcione
• Características de la fuente de pantalla
• Periódico, revista, diseño de libros para texto.
• El futuro de las fuentes
• Lista de literatura y sitios web sobre tipografía.

…200 páginas de interesantes hechos históricos, Consejos útiles sobre la elección y uso de fuentes, hermosos ejemplos ilustrativos.

Puedes pasar toda tu vida aprendiendo a elegir la fuente correcta y es extremadamente interesante, casi como dominar las acuarelas. También es útil porque es una de las formas de transmitir ideas a tu audiencia. ¡Hazte amigo de las fuentes!

¡Hola queridos lectores!

En un artículo anterior, escribí sobre cómo diseñar el contenido en un sitio web que ejecuta WordPress de una manera no estándar usando estilos CSS en línea. Usando estilos, puedes, entre otras cosas, cambiar la fuente utilizada en el texto.

Las fuentes para un sitio web son el elemento más importante de su diseño. De su correcta elección depende el comportamiento del visitante en la página. Es necesario elegir el tipo de fuente correcto, su tamaño, grosor, inclinación y color, para que todo esto se combine armoniosamente con el diseño general.

Pero a veces es necesario utilizar alguna fuente inusual, y ahora se han desarrollado miles de ellas: artísticas, manuscritas, góticas, rusas antiguas, etc. ¿Se puede utilizar alguna de ellas en el sitio?

Es posible, pero existen ciertas condiciones.

Fuentes estándar y personalizadas

Para que la fuente que elijas se muestre correctamente en la pantalla de un usuario, debe estar instalada en su computadora. Al instalar el sistema operativo, también recibimos un determinado conjunto de fuentes. Este conjunto se llama estándar. Cada sistema operativo tiene su propia lista de fuentes estándar. Pero hay fuentes que están presentes en todos sistemas operativos, se les llama seguros. Puede utilizar cualquiera de ellos de forma segura en su sitio web sin temor a que no se muestre correctamente en la computadora del visitante. Naturalmente, estas fuentes son las más populares, se utilizan para escribir contenido en la mayoría de los sitios y son fáciles de leer.

Además de las fuentes estándar, el usuario puede instalar otras fuentes no estándar en su computadora, pero pueden surgir problemas con su visualización. A veces, los usuarios inexpertos, al preparar un documento de texto normal en Word o una presentación, utilizan alguna hermosa fuente artística que encontraron en Internet e instalaron en su computadora. Durante la preparación, todo se ve genial, pero cuando comienzan a ver esta presentación en otra computadora, resulta que esta hermosa fuente se reemplaza por una estándar normal.

Lo mismo ocurre con los sitios web. Para que la fuente no estándar que utiliza se muestre correctamente en la computadora del visitante del sitio, debe estar instalada en la computadora del visitante del sitio. Pero no puede exigir que miles de visitantes instalen una determinada fuente para poder ver su sitio.

¿Cómo resolver este problema?

Para hacer esto, debe conectar las fuentes necesarias al sitio.

Cómo conectar fuentes para un sitio web

Hay dos formas principales de hacer esto. En el primer caso, las fuentes ubicadas en un sitio especializado servidor remoto, el segundo implica colocar archivos de fuentes en el servidor del sitio.

En este artículo analizaremos más de cerca el primer método.

Trabajar con el servicio Google Fonts

Empecemos con servicio de google Fuentes, como el más famoso y confiable.

No en vano hablo de confiabilidad, porque si utiliza un recurso de terceros en su sitio web, entonces debe estar verificado y ser confiable. En el proceso de preparación de este artículo, visité varios sitios con colecciones de fuentes que tenía en mis favoritos. Los usé antes, pero resultó que uno de ellos estaba deshabilitado por falta de pago del hosting, el otro, en el que una vez compré muy hermosas fuentes, bloqueado por antivirus.

En el sitio , como se puede ver en la captura de pantalla, en este momento La colección contiene 708 fuentes, pero no todas son adecuadas para nosotros. Para los sitios en ruso, se necesitan fuentes que admitan cirílico. A la izquierda hay filtros para la selección, donde en la lista desplegable Guion elegir Cirílico, tras lo cual ya quedan 61 opciones. Nosotros elegimos entre ellos. Agrega las fuentes que te gustan a la colección haciendo clic en el botón .

Después de la selección, pase al siguiente elemento: botón Revisar. En la página que se abre, puede ver cómo se verá el texto e intentar cambiar sus parámetros.

A continuación pasamos al último punto: el botón Usar. Aquí puede copiar el código para conectar la fuente al sitio.

Este código debe insertarse en la página HTML de su sitio entre las etiquetas.<cabeza> ycabeza>. Para los sitios de WordPress, estas etiquetas se encuentran en el archivo de encabezado encabezado.php. El paso 4 copia el código para describir el estilo CSS.

Como puedes ver, elegí tres opciones, y si ahora escribo el siguiente código en el editor HTML de WordPress:

luego en la página se verá así:

Este texto tiene un formato no estándar. Poiret Uno.

Hay dos formas principales de hacer esto. Ruso Uno.

Echemos un vistazo más de cerca al primer método. Marcar guión.

Trabajar con el servicio AllFont.ru

Otro buen servicio para seleccionar una fuente para el sitio - . Parece que aquí hay aún más opciones. Al menos es más variado. Puedes elegir usando el rubricador o buscar por nombre.

En la página de la fuente seleccionada, puedes cambiar el color, el fondo, el tamaño, el texto y ver cómo quedará.

Después de esto, puede copiar los códigos de inserción en el sitio. Todo se hace de la misma forma que lo hacían en el sitio web de Google Fonts. Elegí la fuente AGZeppelin-Roman como ejemplo, mira cómo queda.

Bienvenido a la biblioteca más grande AllFont.ru

Espero que hayas encontrado útil el artículo. Si es así, suscríbete a actualizaciones de blogs, a medida que se preparan nuevos artículos útiles.

Nos vemos pronto.