Cómo crear titulares lisas con HTML y CSS?
Pregunta
vi un montón de páginas web recientemente, que tienen titulares muy suaves, como este sitio web, por ejemplo: http: // boagworld. com /
¿Cómo van a hacer eso? ¿Hay pistas escondidas?
En un momento que escuché de una técnica donde se utiliza el flash (creo) a fuentes personalizadas incrustar en un sitio web y luego vuelva a colocar titulares normales con esta alternativa flash.
¿Qué otras formas hay además flash?
Solución
Suponiendo que usted no desea usar imágenes como reemplazo de texto, hay varias técnicas, que se adaptan mejora de fuente en forma muy discreta:
- usando Flash - SIFR
- pura CSS =
@font-face
y fuentes directamente incrustar enttf
ootf
- javascript técnica de mejora, la secuencia de comandos se llama Cufon
En lo personal me gusta usar fuentes web seguras con combinación de auxiliares apropiados menos conocido y hacer
Otros consejos
Sólo están usando imágenes como fondo de CSS para ciertas cosas, en este caso:
http://boagworld.com/wp-content/themes /BoagworldV2/images/logo.gif
Se puede hacer lo que quiera con unas pocas imágenes y CSS, algo como:
#header { background: #FFFFFF url(myLogoImg.png) center no-repeat; }
Si no desea utilizar el reemplazo de imagen o sIFR, pero desea fuentes personalizadas, usted debe echar un vistazo a TypeKit - http://typekit.com/ . Dejaron que se llama a las fuentes personalizadas (que han licenciado a usted) directamente de su hoja de estilo con la fuente de la familia, y el uso de JavaScript incrustado en su página para servir a las fuentes de sus servidores. Lo estoy usando su servicio en un proyecto en este momento y hasta ahora parece que funciona bien. No tienen una enorme biblioteca de fuentes disponibles todavía, pero aún así es más grande que Arial, Verdana, Georgia y Times New Roman.
Cufón para esto. Es sin Flash (JavaScript), muy, muy fácil de configurar, y se degrada con gracia.