Dreamweaver CC 2017 esencial

Familias de fuentes en Dreamweaver CC 2017

¡Prueba gratis durante 10 días

nuestros 1268 cursos !

Prueba gratis Mostrar modalidades de suscripción
Cuando se trabaja con HTML, nunca sabes cuál será el resultado final en todos los ordenadores, y esto es especialmente cierto cuando hablamos de fuentes. Por ello se utilizan las familias de fuentes y, en este vídeo, aquí aprenderemos a crearlas.

Transcripción

En cualquier diseño es necesario utilizar tipos de letra concretos, que sean exactamente el que nosotros queremos para nuestro diseño. Dentro de las páginas web tenemos que conseguir que en el navegador donde se esté visualizando, en el equipo donde se vea la página se pueda ver, aproximadamente, como yo lo he creado y eso supone que tengo que tener cuidado con las fuentes que utilizo porque el usuario final podría no tener esas mismas fuentes. Vamos a poder utilizar fuentes web que sirven para seleccionar diferentes fuentes que hay en Internet o poner las mías propias también. Tener yo una fuente y esa añadirla dentro de mi sitio web y así hacer que esté accesible al ordenador que está viendo la página, el ordenador si no tiene esa fuente instalada lo que hace es buscarla en Internet, en el sitio donde yo le diga recuperarla y mostrarla. Pero de todas formas, hay una estrategia más tradicional y que también funciona muy bien que es la que consiste en seleccionar familias de fuentes. No utilizar una fuente en concreto sino una familia. Vamos a ver cómo crear una familia de fuentes. Me voy a ir a la vista de "Código" y dentro de la vista de código, en los "estilos.css" me interesa, por ejemplo, pues decir que en el cuerpo, o sea, en todo lo que es el "body" o sea, en toda la página se utilice, de entrada, el mismo tipo de letra. La etiqueta que se ocupa de trabajar con fuentes es el "font-family" y dentro de ese "font-family" según he empezado a escribir ya me ha mostrado las distintas familias de fuentes que tiene este sistema por defecto. ¿Esto qué quiere decir? Quiere decir que yo puedo seleccionar, por ejemplo, voy a buscar esta familia, que es, personalmente, la que más se adapta a lo que yo busco y básicamente va a consistir en que el navegador donde se vea mi página web, va a intentar utilizar la Gill Sans. En caso de que no la encuentre, va a buscar la Gill Sans MT. En caso de que no tenga ninguna de estas dos entonces pasará a buscar la Myriad Pro, que es más habitual. En caso de que no las tengan, la DejaVu, en caso de que tampoco la Helvetica que está, en prácticamente, todas partes. Y si no, Arial y, por último, en caso de que no sea Arial, pues entonces la sans-serif, que sería la fuente de sistema que se adapte más a ese tipo de letra en concreto. Guardando y yéndome otra vez a la vista "En vivo" pues vemos que me ha sustituido los tipos de letra por el tipo de letra que he seleccionado. Esta es una forma de hacerlo, pero no es la única. Voy a volverme otra vez al listado de selectores, voy a seleccionar el "cuerpo" y voy a irme al apartado de "texto" Dentro de este apartado de texto tengo todos los estilos CSS relacionados con los textos, y en concreto este "font-family". Pues voy a eliminar esa fuente seleccionando sobre ella y aquí también puedo tener acceso a todas esas fuentes, a todos esos tipos de letra. Si no está la familia que yo busco, si no se adapta exactamente a lo que intento, por ejemplo, en realidad yo querría algo más bien como esto, siempre tengo la posibilidad de crear mis propios grupos de fuentes, y para ello, pulso en "Administrar fuentes" "Pilas de fuentes personalizadas" y entonces aquí puedo pulsar en "+" y puedo crear una nueva. En "Añadir fuentes de la lista siguiente" me pone un listado con las fuentes habituales. Entonces, por ejemplo, a mi me interesa poner la primera la Myriad. Voy a buscar esta Myriad, Myriad Pro, en caso de que no tenga la Myriad, pues entonces la Helvetica. Me muevo hasta encontrar esa Helvetica por la H, hay muchas Helveticas distintas, voy a buscar en concreto una estándar media - HelveticaNeueLT Std Med - y en caso de que no sea ninguna de esas pues entonces voy a permitir que me ponga una Arial y por último, en caso de que tampoco tenga la Arial, pues entonces voy a poner la san-serif que viene por defecto. Me voy hasta el final y aquí selecciono san-serif. Tengo ya ese listado, pulso en "Listo" y ahora aquí tengo accesible ya esa familia que sería la que querría utilizar. Myriad Pro, HelveticaNeue etc...

Dreamweaver CC 2017 esencial

Crea sitios web gracias al software de Adobe, Dreamweaver CC 2017. Con este repaso esencial a sus fundamentos podrás crear páginas responsive y mostrar tus contenidos a la última.

6:11 horas (78 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.