Con HTML5 y CSS3 es posible hacer uso de cualquier fuente tipográfica, siempre que la tengamos disponible en una carpeta o en un servidor. Esto solo funcionará para aquellos navegadores que soporten los nuevos estándares como lo son chrome, Firefox, Opera, Safari, Internet Explorer 9.
DESCARGAR EJEMPLO
Sólo trata de hacer zoom en la pantalla así se ve mejor el código en pantallas chicas, y apaga el mensajero que abre ventanas emergentes, sale en la grabación y desvía la atención de lo que estás explicando.
gracias por el aporte!
Creo que es importante hacer distinciones claras para la gente que ve estos tutoriales, es un tema técnico, no de marketing.
Por Mauricio el 11 de Enero de 2012
Tambien estoy de acuerdo con The Fricky, en la documentacion de Mozilla sobre HTML5 se mencionan las tecnologias que la gente confunde con HTML5 y no lo son.
Solo algo que me gustaria agregar sobre el tutorial. Es considerado 'buenas practicas' que los nombres sean semanticos ya que 'fuente1' no me dice nada pero si en dado caso le damos un nombre con significado (por ejemplo fuenteTransformers) tiene mucho mas sentido.
Gracias por el tuto, lo pondre en practica muy pronto
La misma pelea la pelean aquellos que quieren que Linux siempre sea llamado "GNU/Linux", aquellos que quieren diferenciar hacker de cracker, aquellos que odian que HTML sea considerado un "lenguaje de programación" y tantos, tantos ejemplos más.
Si van al sitio oficial del logo de HTML5 de la W3C notarán que CSS3 hace parte. Al darle click abajo al logo oficial de CSS3 (existe) verán que en su definición incluye:
En conclusión y por el bien de todos, abandonen la batalla. Nos conviene unificar terminos para que los clientes entienda más fácil estas tecnologías y vean el valor de abandonar IE6/7.
Freddie :
Uy, si los clientes son los primeros que me dicen que quieren que su sitio sea en HTML5 cuando no tienen NPI de que los efectos que les haces en el menú son con js.
Es la ola de lusers quien confunde los términos, está llegando muchísima gente nueva a esta área y por lo mismo, miran la versión 5 y se ponen como changuitos.
Concluyendo (Master of the obvious):
HTML5 es una versión nueva de HTML.
CSS3 es la nueva versión de CSS.
jQuery es una librería de javascript.
Etc.
Es tonto aprender la nueva versión de HTML5 si ni si quiera sabes que es un div, aplicar animaciones en CSS3, no sabes manejar margenes, intentar utilizar jQuery cuando no sabes ni que es una condicional.
¿Apoco cuando vas a estudiar matemáticas comienzas por lo último? Comienzas por la introducción, por Mate I, Mate II y luego Mate III, aplica igual.
Y si, me salí del tema, pero tenía que decirlo.
Por jordano_p el 13 de Enero de 2012
Versiones en las que los distintos navegadores incorporaron soporte para @font-face:
Firefox 3.5
Chrome 4.0
Internet Explorer 5 (sólo fuentes en formato .eot)
Safari 3.1 (SafariMobile desde iOS 4.2)
Opera 10 (y Opera-Mobile 9.7)
En fin es un tema a tratar esto del @font-face si algunos quieren saber cuales fuentes son soportadas de forma nativa por los distintos navegadores entren aquí.
hay una tabla con los distintos formatos y los distintos navegadores.
Sobre lo de HTML5 no se por que ha puesto ese titulo al tutorial, de html y css3 no ha tenido nada.