Archivos de la categoría ‘CSS’

Convertir Fuentes

Publicado: 23 junio, 2014 en CSS, Internet
Etiquetas:, ,

En muchas ocaciones necesitamos hacer usos de fuentes en nuestro desarrollo web, pero en ocaciones solo nos proporcionan un tipo de fuente y no la ttf que se usa para generar  el kit para su uso en @font-face.

Para estas ocaciones les dejo aqui dos sitios web que pueden utilizar para convertir a partir de la fuente que tienen a otra que necesitan para agregar al css, esper les sea util.

http://www.freefontconverter.com/

http://onlinefontconverter.com/

 

 

Añadir soporte CSS3 a Internet Explorer 6, 7 y 8

Publicado: 12 mayo, 2010 en CSS
Etiquetas:

Internet Explorer 6, 7 e incluso la versión 8, aún no soporta ciertas características del estándar CSS3. Para ello, generalmente tenemos que hacer uso de hacks o  soluciones poco recomendadas como generar una serie de capas para simular una sombra o un borde redondeado. Una solución muy limpia es la de importar mediante behavior() un fichero .htc que nos añadirá al navegador (IE6,7,8) algunas de las características que cualquier otro navegador ya podemos disfrutar.

.box {
 -moz-border-radius: 15px; /* Firefox */
 -webkit-border-radius: 15px; /* Safari and Chrome */
 border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

 -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
 -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
 box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

 behavior: url(ie-css3.htc); /* Activamos el soporte para IE */
}

Como podemos ver, añadimos la llamada behavior() a la especificación de la clase .box. Esto hará que Internet Explorer 6+ use la especificación CSS3 (osea la versión sin prefijos) aplicando los estilos deseados. Para ello usará estándares de Internet Explorer disponibles únicamente para estos navegadores. Simplemente tendremos que descargar el fichero .htc y usarlo como vemos en el ejemplo anterior.

Nos estamos leyendo…

Fuente: Anieto2k