Este es el sitio web de Google Fonts y vamos a agregar tres fuentes por normal.
Yo siempre digo que un sitio debe de tener dos máximo tres fuentes y vamos a utilizar el máximo que
vienen siendo las tres.
Yo he elegido las fuentes sin embargo tú puedes ver que hay muchas y todas son gratis para utilizarlas
en tus proyectos incluso comerciales y otra ventaja es que estas fuentes la mayoría las puedes descargar
en tu computadora para utilizarlo en diseños como este de Photoshop o darle criquet quien Serch ser
yo he elegido las fuentes como dije en la primera se llama Oswalt que exista más clica el signo además
lo vamos a buscar otra que se llama PT Sánz y al surgir está la primera y además y Open Sans qué pensáis
va a ser la de los párrafos.
Damos clic aquí y tenemos nuestras tres fuentes damos clic aquí y nos dice aquí la forma en la que queremos
agregarlo estándar y la hoja de estilos copió esto y me lo llevo a mi encabezado en mi página web y
luego poner.
Después de eso no pego aquí y viene aquí.
Cómo se deben utilizar estas fuentes.
Así que las vamos a utilizar de una vez.
Vamos a darle un poco de scroll.
Vamos a utilizar lo que viene siendo la de o pensamos en el body vamos a utilizar el Oswalt
más Veterans en el nombre del sitio web así que vamos a escribir de una vez H1.
Llevamos un poco de scroll.
Punto.
Nombre sitio y ponemos pto Sans y por último nos hace falta utilizar la fuente de Oswalt que os Guada
utilizamos mucho en los H2 y en los encabezados.
A lo largo de este proyecto así que voy a crear de una vez un selector H2 a pesar que todavía no tengo
ninguno y esto lo hago para tener los códigos de una vez no sé que fue un Flamini si quiero lo hago
para tener los códigos de cada una de las fuentes y poder cerrar Google Fonts si recargo vemos que cambia
un poco las fuentes de mi diseño sabiendo mejor así que podemos continuar trabajando en este vídeo vamos
a finalizar este título y esta parte de la mejor conferencia de diseño web y vamos a abrir nuestra hoja
de estilos de nuevo que lo habíamos puesto un párrafo eslogan puedes poner P slogan y le ponemos fanboy
DMX 3 Transform
non porque vamos a estar en mayúsculas
y no nos está tomando si es que el selector este es un poco más pesado.
Nos ponen aquí importante recargamos y viene la mejor conferencia de diseño web.
Puedo copiar este y pegarlo ponerle una Span equipararlo fanboy bot fue un bot recargo.
Vamos que harán nuestra mejor conferencia de diseño web está un poco más en negritas igual que nuestro
diseño nos hace falta la parte del GDL webcam y aquí vamos a utilizar with bonsais que va a ser 5.9
BWV o por UIT-T recargamos y vemos que lo hace un poco más grande no tanto Tex Transform o percas cargo
en este caso creo que lo ocupamos un poco más grande.
Sin embargo esta es la parte para móviles así que cuando estemos en un dispositivo pequeño se va a ver
de esta forma y cuando esté en grande cambiará un poco así que puedo copiar este Millau Cuadri me gusta
mucho declararlas media cueles conforme los voy necesitando gente que los declara abajo a mí me gusta
como los voy necesitando copió éste lo pego aquí y el tamaño de la Fuente que vamos a cambiar.
Vamos a ponerlo aquí 11.5 por UIT-T y va a ser una fuente un poco más grande.
También aquí vamos a poner un margen cero y saber de esta forma GDL web Campa puedes ver que aquí a
pesar de que sea un poco más chico es porque la panda launcher del navegador es un poco más grande.
Cualquiera sabe bien las ventajas que va a ser responsivo así que a ir adaptando al contenido
y creo que eso cumple bien este capítulo aquí hay un pequeño problema
y queda muy grande pero bueno creo que más adelante igual volveremos a esta parte.
Con una loita de 1 para poner un poco más junto a lo que viene siendo la fecha y el nombre más adelante
volveremos un poco más más a fondo para agregarle unos efectos más especiales a este título.
Sin embargo creo que hemos comenzado bien nuestro diseño aquí hay algo que estoy viendo que nos hacía
falta estos iconos deben ser un poco más grandes hay que ponerlo en Foncillas de 2 RAM 2 en 1 2 RAM
recargamos y creo que 2.4 estaría bien sólo un poco más grande los iconos para que se vea este icono
de calendario y se vea la fecha y el PIN y nos diga dónde esta conferencia así que continuando nuestro
proyecto en el siguiente vídeo veremos como agregar esta barra para nuestro proyecto.