Dreamweaver CC 2017 esencial

Uso de fuentes web con Dreamweaver CC 2017

¡Prueba gratis durante 10 días

nuestros 1246 cursos !

Prueba gratis Mostrar modalidades de suscripción
También tenemos una forma muy fácil de añadir fuentes web de la Creative Cloud de Adobe directamente desde el propio Dreamweaver CC 2017 y desde un panel de Fuentes que nos facilita buscar y filtrar por tipos de fuente.

Transcripción

(hombre) Cada día más se utilizan las fuentes web, son fuentes que van a venir con mi sitio web y que el navegador, cuando llegue un texto que tenga que mostrar esa fuente lo que va a hacer es pedir ese recurso y utilizarlo. Y dentro de lo que son las fuentes web, Dreamweaver, aparte de que facilita mucho su uso, también permite utilizar las fuentes propias de Adobe, las Typekit. Vamos a ver cómo utilizar fuentes web. Seleccionando la etiqueta Body, dentro de ella me voy al apartado de texto, en Font family, voy a hacer la selección de ello, y me voy a ir ya a administrar fuentes. Dentro de administrar fuentes, me muestra la carpeta Adobe Edge Web Fonts. Y las fuentes propias de la Creative Cloud. Y dentro de ella, pues tenemos un montón de fuentes. Si sabemos el nombre de la fuente, siempre podemos escribir las primeras letras y él se va a ocupar de ir filtrando por todas las que, en este caso, tengan esa CO. También puedo hacer filtros dependiendo de, por un lado, si están recomendadas para encabezados o si están recomendadas para párrafos, y puedo hacerlo también por tipos, es decir, de palo seco, si queremos trabajar con Serif, si queremos trabajar con Slab, si queremos hacer selecciones sobre tipo "script", por ejemplo, o sobre espaciado simple, o tipo más bien en plan rotulador o más tipo decorativo. Vamos buscando un poco por los distintos tipos de fuente y cuando encontramos una fuente que nos gusta, lo que hacemos es seleccionarla. Yo en mi caso, sé que quiero usar la Source Sans Pro, bueno sé que es una fuente de palo seco, así que la puedo buscar directamente filtrando por ellas, yéndome a la parte de abajo, vemos que hay muchas, muchas, muchas... Así que, como no es suficiente, entonces comienzo a escribir "SOU" y efectivamente, aquí vemos esta fuente. Si no me lo supiese de memoria, bueno, simplemente se trata de ir moviendo hasta encontrar la fuente que me interesa. Cuando la tengo hago clic sobre el ícono, en el "check" que tengo colocado en la parte superior derecha y pulso en listo. Esto va a hacer que ahora cuando yo haga una selección de fuente, me muestre, aquí la podemos ver, esa fuente apartada del resto de familias y de hecho, aquí estamos viendo tres fuentes que ya he añadido a mi sitio, que son la Condiment, la Averia gruesa libre y luego la Source Sans Pro. Todas ellas van a estar dentro, voy a irme a archivos, deberían de al menos estar dentro de esa carpeta fuentes. En realidad, de entrada no lo van a estar. Voy a hacer clic de nuevo. Si yo la selecciono, vemos que ha habido un parpadeo en la pantalla, porque lo que ha ocurrido es que Dreamweaver se ha ocupado de añadir un "script" a la parte superior de la página HTML, este de aquí, en el que se ha añadido esta fuente. Se llama la página www.useedgefonts.net dentro de ella, añade el nombre de la fuente, dos puntos y los estilos para los que se utiliza, N2 y Default. Y se añade luego el punto JS. Eso ya es tanto como decir que efectivamente esa fuente ya está disponible. De hecho también, si me voy a archivos y refresco, vemos que debería de haberme añadido esa fuente. A veces tarda un poco en hacer ese refresco, pero si me voya a la vista en vivo, vemos que de hecho el texto ha cambiado y ahora sí que aparece ese tipo de letra en concreto. Para conseguir que la visualización de este tipo de letras sea un poco mejor, pues voy a tener que modificar el Font weight y en vez de ponerlo como 200, voy a tener que ponerlo en 400. Ahora sí se va a ver un poco mejor ese tipo de letra. Y hay más posibilidades también. Voy de nuevo a hacer clic y voy a irme de nuevo a administrar fuentes. Tengo la posibilidad de fuentes locales, esto me permite añadir fuentes mías, propias. Lo que hago es guardar dentro de la carpeta Fonts los distintos archivos de fuente, el TTF, WOFF, SVG, etcétera, y lo que hago es ponerle un nombre y luego pulsar el botón examinar y luego elegir en donde ha guardado esa fuente. Con eso, también de nuevo va a estar accesible dentro del listado de pilas de fuentes y por supuesto también lo tendré dentro del listado de fuentes web.

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.