Tutorial: Las fuentes

Visto que últimamente está teniendo mucha polémica en el foro el tema colores de las fuentes y los desbordamientos que se producen por un mal uso pasamos a explicar un poco el elemento FONT de HTML

¿Cómo puedo dar utilizar colores, y estilos en mi texto?
Bien se puede hacer de dos formas
1. Con las herramientas del propio foro
2. Con sentencias en html a las bravas jeje

Empecemos por el paso 1:
Lo primero que necesitamos en un fragmento de texto escrito

Una vez seleccionado el texto nos basta con ir a 1,2, o 3
Con 1 elegimos el tamaño

Con 2 elegimos el color

Con 3 elegimos el estilo


Al estar el texto seleccionado automáticamente nos pondrá los colores y estilos que hayamos puesto; si por ejemplo ponemos:
Tamaño normal - Color rojo - letra arial black

Este sería el resultado:

Nos habría completado con sentencias html lo necesario para cambiar los parámetros de las fuentes


Sencillo no? pues ahora pasemos con la parte 2 que esa es la que tiene miga jeje


Paso 2:
Lo explicado anteriormente es un juego de niños prácticamente y todo hijo de vecino sabe hacerlo vamos eso creo , pero sirve de base para lo que viene a continuación:

Elemento FONT:

Descripción: El elemento <FONT> puede servirnos para cambiar la fuente del texto que escribimos, el tamaño, el color... Por ejemplo: <FONT face="Comic Sans MS"> Mi texto en Comic Sans </FONT> quedaría:Mi texto en Comic Sans. Para cambiar la fuente del texto tendrías que poner <FONT face="FUENTE DEL TEXTO"> el texto </FONT> , la fuente tiene que estar instalada en tu ordenador, si quieres puedes poner más de una fuente por si no reconoce la primera, por ejemplo: <FONT face="Comic Sans MS, Verdana, script MT Bold"> texto </FONT>, así, si no reconoce la primera fuente, pasará a la segunda, y si no, a la tercera. Cualquier fuente que bajéis de internet y uséis no se verá nada más que por quien la tenga instalada también en su ordenador, podéis usar las del Word que normalmente esas las tiene todo el mundo por que las lleva predefinidas Windows jejeje.

Para cambiar el tamaño del texto el código es: <FONT size="1"> y el tamaño será según el número que indiques.

Para cambiar el color tienes que poner este código:<FONT color="*">; el asterisco lo pongo porque hay 2 formas de poner el color, 1: poner el nombre del color en inglés, blue, red... o en el color hexadecimal correspondiente por el color poniendo antes una almohadilla (#), por ejemplo #660033.
Aquí tenéis una página para sacar unos cuantos de colores.

Atención!!! Si no escribís el cierre después de haber hecho lo que queráis, se desbordará el buffer del post y seguirá con ese estilo hasta que alguien escriba esa palabra de nuevo o use otro estilo distinto.

Vale y ahora unos ejemplos:



Que en su versión en código equivale a:


Sin los quotes


Un ejemplo de fuentes en cuanto al estilo, pero ya os digo las tenéis que tenerlas instaladas si no se verá como otro estilo normal


Las fuentes las saqué de aquí pero que vamos a nada que googleais un ratejo se encuentran cosas muy curiosas


Lueg o segú n el tiempo que se tenga p odemos hacer cos as curiosas.

A pasito por pasito cuesta pero con cualquier editor podéis facilitar el trabajo con un editor jeje, por ej el dreamweaver es el que me viene ahora a la mente ^^
Espero que os haya servido jejeje , cualquier duda preguntarla

jejejeje, gracias por el aporte

Buen aporte ^^ Útil para el que nunca ha manejado html

minipunto

Thumderson escribió:Lueg o segú n el tiempo que se tenga p odemos hacer cos as curiosas.

Eso último me ha encantado

Muy buen aporte Thunder!!!

Si pudiera, te daba un minipunto

Las fuentes "Starcraft" y "Resident Evil" yo nos las tengo... pero molan un puñao.
Hay que poner un fichero de fuentes, para tener fuentes mas curiosas...

Rami, sí que le puedes dar un minipunto, mira el tutorial sobre como hacerlo .

Buen tutorial, Thumderson. Lo único es que la imagen entre "Vale y ahora unos ejemplos" y "Que en su versión en código equivale a" no se ve, editalo cuando puedas

Te lo hago post-it y te lo muevo a Normas del Foro. ¡Gracias!

Ietsu escribió:Rami, sí que le puedes dar un minipunto, mira el tutorial sobre como hacerlo .

Tiene puntuación negativa, no puede hasta que se la quite

Vaya, no sabía yo eso

No te lees los tutoriales?

arreglado ^^, añadí una página de fuentes esta en concreto para amantes de videojuegos les gustará

http://www.typenow.net/themed.htm

La de Parry hotter está muy lograda para escribir algo así en antiguo jeje

Joter, sí me los leo, pero no soy capaz de memorizarlo todo solo por el hecho de ser el foro que administro.

Y por otra parte, que tu primer mensaje en este tema sea para mostrar una carencia mia y no para agradecer el tutorial denota tu interés general por el foro. No vuelvas a postear en este tema si no es para comentar el tutorial.

Un saludo.

Vale, voy a volver a postear para comentar el tutorial.

Tiene dos puntos buenos y un punto malo.

Uno de los puntos buenos que me parece que tiene es que es muy muy curioso y que, a mi por lo menos, no se me habria ocurrido trastear con esos codigos basicamente porque no tenia ni p*** idea

Punto malo: no me parece para nada necesario. No considero un impedimento el que el foro prescindiera de los tipos distintos de fuente.

Y otro punto bueno: tio, el post es grandisimo. Es un curre, las cosas como son.

Está Chido, Buen aporte XD