En este video vamos a hablar sobre formas de incluir fuentes personalizadas y usarlas en nuestro éxito para
que no tengamos que depender de estas fuentes integradas, las fuentes del sistema como Arial y Georgia que no son
muy confiables en el primer caso. lugar.
Las máquinas de algunas personas no las tendrán y son bastante limitadas incluso si todas están disponibles.
No son muchas fuentes y no hay muchas fuentes buenas.
Así que afortunadamente es bastante fácil incluir sus propias fuentes y esa puede ser una fuente de nuestra propiedad que hemos comprado
que nuestra compañía posee, aunque puede ser muy costoso si nunca ha investigado el precio de las fuentes.
Algunos de los mejores pueden costar cientos de miles de dólares.
Entonces, Google tiene una opción que se llama fuentes Google y es un gran recurso.
Básicamente, Google tiene muchos. Creo que se trata de unas 100 fuentes en línea gratuitas que son muy fáciles de incluir en
nuestra propia aplicación.
Solo unos pocos clics.
Así que voy a mostrarte cómo hacer eso ahora.
Entonces, si vamos a las fuentes de Google y simplemente a las fuentes de punto com de Google com, verá que inmediatamente se nos
presenta una lista de tipos de letras, aquí podemos desplazarnos por ellas.
Podemos ordenarlos por popularidad alfabéticamente más reciente.
Podemos cambiar el texto de vista previa que estamos viendo.
Usualmente solo lo mantiene como está.
Y de hecho voy a elegir dos fuentes que son muy distintas, así que no me juzguen por
las que escojan.
Puede que no sean mis favoritos, pero van a ser obvios para que puedas ver que son diferentes.
Así que voy a ir a hacer la popularidad y vamos a elegir un ferrocarril aquí y voy a hacer clic en este botón para agregar a
la colección y lo que hace, de alguna manera, lo agrega a mi carrito de compras.
Y luego el próximo que voy a elegir.
Vayamos por otro muy diferente.
Probemos este anuncio de Andy Flower para la colección.
Entonces, lo próximo que quiero hacer es hacer clic en esta pestaña de uso.
Entonces lo que dije es que quiero ambas fuentes.
Ahora haga clic en usar y ahora necesito decidir qué pesos de fuente quiero que estén disponibles.
Así que las diferentes fuentes tienen diferentes pesos que están disponibles en las fuentes de Google, por
lo que puede ver que el ferrocarril tiene todas las opciones posibles entre 100 y ultra audaz a 900.
la fuente y el peso que incluye es otra solicitud que debe realizarse, ya que es necesario cargar más datos.
Una cosa a tener en cuenta es que no desea incluir más de lo que va a utilizar y este pequeño
medidor le recuerda la carga de la página que tendrá el efecto en la página de eso, incluido el
peso múltiple, y eso se debe a que cada uno
Entonces, lo que queremos hacer aquí es minimizar el número que debemos entender para usar normal y
audaz para un ferrocarril.
Y entonces no tengo una opción para Andy Flower.
Solo hay un peso que es normal.
Ahora que los he seleccionado, me desplazo hacia abajo y todo lo que tengo que hacer es copiar este enlace aquí mismo.
Entonces este es un enlace que pusieron en mi HMO.
Cuando voy a mi HQ aquí y simplemente lo pego y seguro, puedes ver que estás bien aquí y te darás cuenta de
que son casi las mismas palabras, exactamente el mismo tipo de etiqueta, es una etiqueta de enlace.
La única diferencia entre mi hoja de estilo y esta hoja de estilo es la ref.
Entonces, en lugar de estilos, CSSA mi hoja de estilo local personalizada está en Google dot com o
Fahnestock Google API celcom.
Y tenemos familia igual ferroviaria espera 107 100.
Andy Flower.
Así que supongamos que quisiera un audaz, podría ir fácilmente aquí, neto, ochocientos.
DE ACUERDO.
Así que eso es todo lo que tenemos que hacer para obtener la fuente.
Es tan fácil de hacer.
El siguiente paso es usarlo.
Así que voy a seguir adelante y solo te mostraré cómo se ve ahora en caso de que lo hayas olvidado.
Sitio maravilloso
Comencemos cambiando este H-1.
Hagamos que el H-1 use la fuente indie flower.
Así que solo voy a cambiarlo aquí.
H-1 y diviértete con la familia como Georgia.
Solo lo cambio a Andy Flower y eso es todo.
Actualización muy fácil y puedes ver que es ahora.
Y si fuera lo mismo usar el ferrocarril en los párrafos.
Acabo de cambiar la familia de fuentes para guardar y actualizar trenes y ahora tengo esta nueva diversión aquí.
La otra cosa que podemos hacer es cambiar nuestro párrafo para usar el otro peso de fuente.
Así que debemos recordar que vamos con normalidad.
Se ve mucho mejor, no se ve muy bien de ninguna manera, pero prefiero el peso más
ligero en lugar del Bold.
Así que, de nuevo, Google Fonts es un excelente recurso.
Sin embargo, una cosa que mencionaré es que si tienes fuentes que tienes, todo lo que tienes que hacer para vincularlas
es usarlas como etiquetas.
Entonces, en lugar de vincular a una de las fuentes de Google, simplemente enlaza con su propio archivo de fuentes
para que pueda leer más sobre estos tipos específicos de archivos de fuentes que son compatibles.
Pero básicamente funciona de la misma manera, excepto en lugar de incluir un fondo de Google.
Puede incluir su propia fuente personalizada.
Por suerte, las fuentes de Google tienen todo tipo de fuentes geniales.
Puede hacer sitios web geniales y mucha gente usa fuentes de Google exclusivamente incluso para sitios
web profesionales.