Etiqueta Para Cambiar Fuente De Letra En Html
Bradly Brauer
A pesar de que por razones de homogeneidad y sencillez, pero sobre todo por la necesidad de la separacin del cdigo por responsabilidades, este tipo de etiquetas para definir formatos deben de realizarse exclusivamente por medio de las hojas de estilo en cascada (de las cuales ya tendremos tiempo de hablar). Sin embargo, en HTML tradicional existe una forma clsica y directa de definir color tamao y tipo de letra de un texto determinado.
Esto se hace a partir de la etiqueta FONT y su cierre correspondiente. Dentro de esta etiqueta deberemos especificar los atributos correspondientes a cada uno de estos parmetros que deseamos definir. A continuacin os comentamos los atributos principales de esta etiqueta:
Hay que tener cuidado con este atributo ya que cada usuario, dependiendo de la plataforma que utilice, puede no disponer de los mismos tipos de letra que nosotros con lo que, si nosotros elegimos un tipo del que no dispone, el navegador se ver forzado a mostrar el texto con la fuente que utiliza por defecto (suele ser Times New Roman). Para evitar esto, dentro del atributo suelen seleccionarse varios tipos de letra separados por comas. En este caso el navegador comprobar que dispone del primer tipo enumerado y si no es as, pasar al segundo y as sucesivamente hasta encontrar un tipo que posea o bien acabar la lista y poner la fuente por defecto. Veamos un ejemplo.
Nota: Aqu tenemos un ejemplo de atributo cuyo valor debe estar limitado por comillas ("). Habamos dicho que las comillas eran opcionales en los atributos, sin embargo esto no es as siempre. Si el valor del atributo contiene espacios, como es el caso de:
face="Comic Sans MS,arial,verdana"
debemos colocar las comillas para limitarlo. En caso de no tener comillas
face=Comic Sans MS,arial,verdana
se entendera que face=Comic, pero no se tendra en cuenta todo lo que sigue, porque HTML no lo asociara al valor del atributo. En este caso HTML pensara que las siguientes palabras (despus del espacio) son otros atributos, pero como no los conoce como atributos simplemente los desestimar.
Si hablamos en trminos absolutos, existen 7 niveles de tamao distintos numerados de 1 a 7 por orden creciente. Elegiremos por tanto un valor size="1" para la letra ms pequea o size="7" para la ms grande.
Podemos asimismo modificar el tamao de nuestra letra con respecto al del texto mostrado precedentemente definiendo el nmero de niveles que queremos subir o bajar en esta escala de tamaos por medio de un signo + o -. De este modo, si definimos nuestro atributo como size="+1" lo que queremos decir es que aumentamos de un nivel el tamao de la letra. Si estabamos escribiendo previamente en 3, pasaremos automticamente a 4.
Los tamaos reales que veremos en pantalla dependern de la definicin y del tamao de fuente elegido por el usuario en el navegador. Este tamao de fuente puede ser definido en el Explorer yendo al menu superior, Ver/Tamao de la fuente. En Netscape elegiremos View/Text Size. Esta flexibilidad puede en ms de una ocasin resultarnos embarazosa ya que en muchos casos desearemos que el tamao del texto permanezca constante para que ste quepa en un determinado espacio. Veremos en su momento que esta prefijacin del tamao puede ser llevada a cabo por las hojas de estilo en cascada.
El color del texto puede ser definido mediante el atributo color. Cada color es a su vez definido por un nmero hexadecimal que esta compuesto a su vez de tres partes. Cada una de estas partes representa la contribucin del rojo, verde y azul al color en cuestin.
Se puede ver aqu una posible resolucin de este ejercicio. Sin embargo ten en cuenta que este cdigo no se debera implementar en un sitio de cara al pblico, puesto que las cosas no se hacen as actualmente. Recuerda que los estilos son parcela de las CSS. Como prctica te puede venir bien y es agradable dar un poco de color a la pgina, con lo poco que sabemos de HTML. Pero no uses la etiqueta FONT en tus sitios web. Nosotros nunca admitiremos que somos los autores de este cdigo. Si alguna vez te preguntan no digas que lo has visto aqu ;)
Pero cules son los cdigos HTML que se utilizan para cambiar la fuente de los contenidos que conforman una pgina web? Cules son los pasos para cambiar la letra y modificar el tamao de fuente en este lenguaje de programacin?
No te preocupes, porque a lo largo de este artculo de Crehana, te contaremos en detalle, todo lo que tienes que saber en relacin con el procedimiento para cambiar la fuente en html. Y as, podrs optimizar la presentacin de tus sitios en lnea y lograr que tus proyectos de diseo luzcan 100% profesionales.
Si deseas cambiar la fuente en HTML, debers usar la propiedad CSS font-family. Por medio de esta, podrs ajustar un determinado valor y colocarlo como atributo de estilo. Posteriormente, debers agregarlo a un elemento HTML, como puede ser un prrafo, algn encabezado o botn.
Como consecuencia, se aplicar CSS en lnea; y esto significa que el HTML y CSS se establecern en simultneo dentro del cuerpo del documento en HTML. De este modo, se producir un cambio de fuente en HTML.
Segn un anlisis de HubSpot, el 48% de los usuarios considera que el diseo web es la principal variable que determina el nivel de credibilidad profesional de un sitio en lnea. Teniendo en cuenta esta premisa, es fundamental que sepas cmo cambiar la fuente en html, si quieres aprender a programar.
De este modo, podrs escoger el tipo de letra en html, tamao, colores, etc. en funcin de las preferencias de tus clientes y del mensaje que deseen transmitir al pblico objetivo a travs una pgina web.
No obstante, a la hora de cambiar la fuente en HTML, ten presente que esta etiqueta HTML no suele funcionar con HTML5, la ltima versin de HTML. Es que no todos los usuarios tienen disponible todos los tipos de letra, en funcin de la plataforma que usen. Y en ese caso, la pgina web no lucir la fuente que nosotros hayamos establecido a travs del cdigo HTML. Por el contrario, el texto se visualizar por defecto; es decir, con un tipo de letra en Times New Roman. Y ello puede afectar la armona visual que desees comunicar.
Como solucin alternativa para esta situacin, al cambiar la fuente en HTML, se suele establecer mediante el cdigo, varios tipos de fuentes separados por comas. As, al cambiar las fuentes, en el caso de que el navegador no tenga disponible la primera de las fuentes asignadas, comprobar la disponibilidad del segundo tipo de letra. Y si tampoco esta se encuentra disponible, continuar probando con la tercera fuente.
Si bien utilizar CSS en lnea es correcto, tambin puedes utilizar otros estilos de CSS, como por ejemplo CSS interno. Este se puede establecer en la cabecera del documento en HTML y fijar el estilo en distintos elementos de la pgina.
Pues bien, en este anlisis sobre cmo cambiar la fuente en HTML, ya sabes cmo hacerlo mediante CSS inline e interno. Ahora, veremos cmo variar el tamao de fuente teniendo en cuenta este lenguaje de programacin.
Cambiar la dimensin de la fuente en HTML es sencillo. Solamente, debes utilizar la propiedad de tamao de fuente de CSS. Debers establecer el valor deseado y colocarlo dentro de un atributo de estilo. Despus, agrgalo a un elemento HTML, como puede ser un encabezado, prrafo, botn o etiqueta de extensin.
As, en el caso de que desees cambiar la fuente en HTML contemplando el tamao, en un determinado prrafo, debers usar la etiqueta de prrafo Texto. Luego, deberas incluir la etiqueta font de esta manera:
Tambin, puedes utilizar un selector de CSS, si buscas que todos los elementos de un prrafo tengan el mismo tamao de letra. Te dejamos un ejemplo para que entiendas a la perfeccin este procedimiento, al cambiar la fuente en HTML desde la perspectiva de un tamao de 3:
As, los tamaos pueden ser indicados relativamente (+ o -) en funcin de una comparativa con la dimensin base. Un ejemplo para cambiar la fuente en HTML por defecto con basefont, sera el siguiente:
En resumen, por medio de la utilizacin de la etiqueta basefont, podrs fijar por defecto el tamao de una fuente en HTML. De todos modos, la etiqueta basefont no se puede aplicar en HTML5 y se desestima en HTML 4.01. Por lo que es conveniente utilizar CSS.
Dentro de este proceso de aprender cmo cambiar la fuente en HTML; y especialmente, el tamao, no olvides que el tamao real depender de la dimensin de fuente que est determinada en el navegador. Puedes cambiar la fuente en HTML de forma personalizada. Para ello, dirgete al men superior y cliquea en Ver/Tamao de la fuente.
Segn un estudio de Forbes, la eleccin de la paleta de colores en cualquier diseo es esencial para que los usuarios puedan decodificar el mensaje que se desea comunicar. Y por ejemplo, dentro del contexto del marketing digital, saber escoger colores de fuentes en HTML ser esencial, si se desea generar un llamado a la accin en la audiencia, que consistir en comercializar o posicionar en el mercado un determinado producto y/o servicio.
Por eso, en el caso de que desees cambiar la fuente en HTML teniendo en cuenta el color, debers utilizar la etiqueta y la propiedad de color CSS. Luego, tendrs que ajustar el valor que desees y colocarlo dentro de un atributo de estilo. Con posterioridad, agrega dicho atributo de estilo a un elemento HTML como un prrafo, encabezado, botn o etiqueta de extensin. Fuente: Pexels
Llevando a cabo una combinacin de estos tres colores, se puede obtener un total de 16 millones de tonalidades para cambiar las fuentes en HTML. Al comienzo, establecer los colores para los tipos de letras de tus diseos web puede ser complicado, pero con prctica, vers que es un procedimiento simple y que le brindar un aspecto visual ideal a tus sitios en lnea.
d3342ee215