Skip to content

标签:css

使用Google Font API为网页嵌入个性字体

网页设计师都知道,在网页中可以使用的字体非常有限,中文字体使用最多的就是“宋体”和“黑体”及新流行的“微软雅黑”,当然英文字体能使用的也是只有那几个。想要使用个性字体除非使用图片,但图片与SEO又是天敌,除了图片外还有JS脚本和FLASH转换等方法,但这些方法都不具有文字的可识别特性。

这篇要介绍的就是可以让你非常方便的在制作网页的时候,使用除默认字体外的“个性字体”。先声明一点,这个个性字体不包括中文,因为中文实在是太强大了,怎么说也好几千年历史呢(呵呵),所以字库都是动辄几M,甚至十几M大小,任何人也不会想要看看你的字体就去下载那么大的字库吧,我们还是死了这条心吧。

继续进入正题……

要说使用方便,google 大神的产品个个体验都是一流的,一个小小的API也是那么方便就可以调用了。

看图吧还是:

gfont1

够个性吧,而且是活生生的字体哦,不是图片!

再看个图,你就知道怎么用了,真是太方便了!哈哈

Continue reading 使用Google Font API为网页嵌入个性字体

7 Comments

影响CSS渲染速度的写法与建议

现在是凌晨12:00,刚看完一篇关于“提高网页在客户端浏览器的渲染速度的CSS部分”的文章,蛋壳比较赞同的有2条,也在此跟大伙分享一下:

1、*{}   尽量避开 星号通配符

由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就把所有标签的默认属性全部去除,以达到所有签标属性值都统一的效果。所以就有了*通配符。*会遍历所有的标签;

*{margin:0; padding:0} 

如果这样写,页面中所有的标签的margin全是0;padding也是0;

#idname *{margin:0; padding:0}

如果这样写,在id等于zishu下边的所有标签的margin全是0;padding也是0;

这样写的问题是:

Continue reading 影响CSS渲染速度的写法与建议

Leave a Comment

收藏:IE与Firefox的CSS兼容大全

这篇文章忘记是什么时候收藏到QQ记事本里的了,今天偶然翻出来,觉得自己一路走过来,在前端开发方面,这篇文章确实帮了不小的忙。虽然文章有点老,但是对于刚学习DIV+CSS的新手绝对是良师。

里面提到的FF:既是Firefox浏览器 IE:(这个地球人都知道吧)

先来个杀手锏:

解决IE6、IE7、Firefox兼容最简单的CSS Hack

#someNode
{
    position: fixed;
   #position: fixed;
   _position: fixed;
}

  • 第一排给Firefox以及其他浏览器看
  • 第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看
  • 第三排给IE6以及更老的版本看
  • Continue reading 收藏:IE与Firefox的CSS兼容大全

    1 Comment