造粉神器注册机:CSS学习之三 字体使用说明_CSS教程_Div+CSS_网页制作_脚本之家
来源:百度文库 编辑:九乡新闻网 时间:2024/04/27 22:53:45
CSS学习之三 字体使用说明
来源:互联网作者:佚名时间:08-26 22:40:57【大 中 小】点评:当你选择某种字体时,必须保证选定的字体不但要在选定的平台上看起来不错,还要保证在其他平台上也能正常显示。没有人强迫你按照某种方式设计。Web是一个开放式的环境,采用自己喜欢的字体,不要被一些考虑不充分的意见动摇,只要保证你的网站访问者能够阅读它就行。字体使用基本原则:清晰+易读!
当你选择某种字体时,必须保证选定的字体不但要在选定的平台上看起来不错,还要保证在其他平台上也能正常显示。没有人强迫你按照某种方式设计。Web是一个开放式的环境,采用自己喜欢的字体,不要被一些考虑不充分的意见动摇,只要保证你的网站访问者能够阅读它就行。
下面是归纳的几种Web安全字体,注意它的用途只是建议性的,不要求一定这样做 ^_^!
下面是一组替代字体:
Lucida Sans Unicode Futura 衬线(serif) 有很好的现代外观,预安装在Mac OS上,用于大字体时效果更好 font-family: Futura, Helvetica, Arial, sans-serif ; Futura Helvetica Neue 非衬线(sans-serif) 是Helvetica字体改进的版本,通过各种技巧使得字符之间间隔恰到好处,预安装在大部分平台和软件中 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif ; Helvetica Neue Gill Sans 非衬线(sans-serif) 在文本和屏幕显示器中可读性都强,结构紧凑、粗体和显示版本是其非常适合用于包装和海报。预安装在Mac OS上 font-family: 'Gill Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif ; Gill Sans Palatino 衬线(serif) 安装在Mac OS和Windows上,是一种基于意大利文艺复兴形式的打印体,在文本和显示凸版印刷样式中的效果不错 font-family: Palatino, Georgia, 'Times New Roman', serif ; Palatino
下面是用: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学习之三 字体使用说明_CSS教程_Div+CSS_网页制作_脚本之家
{CSS}CSS之margin属性由浅入深详解_div+css布局教程
CSS清除浮动常用方法小结_经验交流_脚本之家
网页制作知识之详细讲解CSS选择符
IE7 确实允许此网页访问“剪贴板”吗? 去掉它_浏览下载_软件教学_脚本之家
学习网页制作基础入门教程(3)字体标签
DIV+CSS学习之margin缩进法
windows 服务器安全之磁盘访问权限设置[完整篇]_win服务器_脚本之家
DIV+CSS十个常见的错误 - 网页设计 - 源码之家 - 源码学院
【网页制作】颜色字体代码
地区性行业门户网站之生存之道-网页制作学习园地
CSS字体属性(font)-CSS教程 - 布啦布啦 BlaBla.cn
20个高品质的 Photoshop 网页设计教程 | 高品质 HTML+CSS 制作服务 ...
如何在Frontpage中运用css设置网页字体
企业网站建设之提高企业网站性能的规则-网页制作学习园地
专访站长老K:分享微博营销之路-网页制作学习园地
WAP网站建设攻略教程(一)-网页制作学习园地
PS教程:霓虹灯字体制作
网页制作学习入门教程
学习笔记——CSS 字体属性 (Font)
LR基础学习_脚本信息函数
网页三剑客教程
Flash鼠绘教程:春之恋的制作过程 FLASH 学习练练
平面制作软件之三