CSS学习之三 字体使用说明 字体

当你选择某种字体时,必须保证选定的字体不但要在选定的平台上看起来不错,还要保证在其他平台上也能正常显示。没有人强迫你按照某种方式设计。Web是一个开放式的环境,采用自己喜欢的字体,不要被一些考虑不充分的意见动摇,只要保证你的网站访问者能够阅读它就行。

关键词:

字体使用基本原则:清晰+易读!

当你选择某种字体时,必须保证选定的字体不但要在选定的平台上看起来不错,还要保证在其他平台上也能正常显示。没有人强迫你按照某种方式设计。Web是一个开放式的环境,采用自己喜欢的字体,不要被一些考虑不充分的意见动摇,只要保证你的网站访问者能够阅读它就行。

下面是归纳的几种Web安全字体,注意它的用途只是建议性的,不要求一定这样做 ^_^!

下面是一组替代字体:

下面是用:first-letter实现首字下沉效果,实现方式如下:

代码如下:
p:first-letter {
float: left; /* 声明了段落文本的其余部分浮动于放大的下沉首字符周围 */
width: 40px; /* 保证首字符有足够的空间 */
font: 60px/50px ‘lucida Grande’; /* 字体增大以放大首字符 */
padding: 10px 0 0 0; /* 用内边距控制下沉字符的垂直位置,以达到更漂亮的效果 */
}

关于浏览器默认字体,推荐下面的3篇文章:

1、网页设计中的默认字体

2、再谈 Web 默认字体

3、三谈 Web 默认字体

相信对您一定很有帮助的^_^ !

CSS学习之三 字体使用说明 字体

相关文章:

你感兴趣的文章:

标签云: