Las propiedades que tenemos para cambiar las fuentes de momento puedes ver que se ven estas fuentes
que están bastante feas estas que están aquí.
Aquí está bien porque es una imagen pero estas aquí se ven bastante feas a mí no me gustan en realidad
estas aquí menos entonces vamos a ver lo que se conoce como Fonts o fuentes que puedes aplicar en tu
diseño.
Usualmente cuando aplicas una fuente a tu diseño para no estar aplicando en los Gdynia en los enlaces
en los párrafos se recomienda colocarla en algo que se conoce como el body que vamos a ponerle.
Body este va a ser un selector que va a aplicarse a todos los elementos puedes ver que de hecho aquí
tenemos el body Bodies toda la parte visible.
Este selector va aplicarle el siguiente selector ciente CSS a todo el body completo para el fun Family.
Esa es la forma en la que cambias la fuente ahora puedes ver que aparecen diferentes fuentes aquí existe
una gran cantidad esto se conoce como Web Safont es decir fuentes seguras que cualquier navegador puede
mostrar.
Por ejemplo ponemos ésta de aquí guardamos cambios si es que cambia la fuente esta se ve más fea no.
A mí no me gusta mucho pero bueno vamos a eliminar esta parte de aquí ya separar dos puntos en familia
y dos puntos creo que tengan que eliminar todo para que me vuelva a parecer el el menú que tenemos es
otra que se Franklyn Gòtic guardás cambios que esto se ve mucho mejor.
Mi opinion es pensar que existen una serie de fuentes que son seguras es decir que cualquier computadora
las puede mostrar porque ya vienen instaladas por ejemplo en Windows o el Mac y Linux puedes ver que
por ejemplo viene Arial Helvetica y sans serif despues poner Arial entre muchas otras.
Puedes seguir modificando lo que son esas fuentes y ver si encuentras alguna que te gusta ahora algo
importante aqui yo estoy aplicando la fuente en lo que es el body pero por ejemplo un poco de scroll
aquí en la navegación en los enlaces puedo aplicar una fuente diferente sin ningún problema.
Entonces digamos que ponemos Times New Roman guardamos cambios en esta parte de aquí esta helvética
y en esta parte de aquí está tan New Roman.
Y eso porque si recuerdas CSS aplicarã el body a aplicar esta fuente pero si encuentra un selector más
específico como este enlace le aplica esta fuente de aquí.
Entonces puedes aplicarlo a párrafos Augé dins es decir puedes tener una fuente principal en el body
y de acuerdo a tus necesidades según sea tu diseño ir cambiando la fuente ahora usualmente Yo no utilizo
estas fuentes que son las seguras los que se conoce como seit Fonds usualmente tienes un servicio como
Google Fonts dos ventajas de las fuentes de Google Fonts una fuente una sola fuente puede llegar a costar
miles de dólares he visto fuentes hasta de 2000 dólares una sola fuente entonces la ventaja de Google
Fonts es que sus fuentes todas las que ves aquí son gratis son más de 700 opciones que tienes.
Segundo son fuentes mucho mejor hechas o al menos no tan aburridas como las otras se ve bastante bien
y lo que me gusta mucho de esta herramienta es que por ejemplo aquí tenemos este texto que dice venta
de casas de lujo puedes copiar los textos de tu página web y por ejemplo pegarlos aquí y ver cómo se
ve este texto o tal vez dar un poco de scroll pegarlo aquí dices me gusta como se ve o tal vez acá.
Es decir puedes probar los textos antes de instalar la fuente y ver con cuál se ve mucho mejor.
Entonces puedes ver que hay muchas opciones en realidad una gran cantidad de fuentes a mi a que me gusta
mucho es la que usamos en este diseño es aquí donde se Serch el plato es esta aquí me gusta mucho se
ve bastante bien y dale click en este signo además y da click aquí y en esta parte de ese costo Máiz
puedes personalizar la fuente.
Puedes cargar diferentes versiones y para este proyecto estaremos cargando hasta 300 Volz 700 y Blac
900 puedes ver que cargué cuatro diferentes variaciones y dice que va a tardar un poco porque esto carga
muchos más archivos y hace que sea un poco más lento.
Por lo tanto utiliza o carga únicamente las que vas a utilizar y no porque haya 700 opciones vamos a
utilizar 10 o 20 por proyecto.
Usualmente se recomienda dos máximo tres fuentes diferentes por cada sitio web vuelves a Velvet y aquí
te aparecen enlaces ahora si ves este enlace de aquí puedes ver que es muy similar a lo que viene siendo
una hoja de estilos ya lo cargamos anteriormente.
Por lo tanto copiamos ese código y abrimos voy a expandir aquí el Index y lo voy a colocar antesdel
está el CSS lo pegamos y puedes ver que esto va a cargar lo que viene siendo esta fuente en nuestro
proyecto.
Después tenemos esta parte que dice Font Family pues puedes copiar ese texto y lo colocas por ejemplo
en el body para que se apliquen todos los electores en todos los textos que tenemos.
Si abres tu proyecto y lo revisas puedes ver que cambia la fuente y ya estamos utilizando una fuente
gratuita de Google Fonts.
Entonces tenemos ya lista nuestra fuente de nueva cuenta estaremos nada más utilizando esta fuente pero
puede descargar todas las fuentes que requieras en el siguiente vídeo vamos a ver lo que se conoce como
resets así que veamos un ejemplo de uno y las ventajas que tiene implementarlo en tu trabajo.