网页设计之字体设置（上）

字体(Font)的设置是网页制作新手遇到的第一个难点。如何控制字体大小，如何取消超链接字体的下划线是网友来信问得最多的。好，我们来彻底研究一下字体的各个方面：
　　○字符集的设定。
　　在查看html文件原代码时，我们经常可以在文件头<head>和</head>之间看到这么一句代码：
　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
　　这段代码的作用是什么呢？是否可以删除呢？
　　其实这是meta标签的设定语句，是给浏览器看的。它的作用就是告诉浏览器：这个HTML文件是采用gb2312字符集制作的。当浏览器读到这一代码，便以gb2312字符集来解释和翻译网页原代码，然后我们就可以看到正确的网页。所以这个meta语句是非常重要的，尽量不要
删除。
　　gb2312就是我们最熟悉的GB简体码，英文是iso-8859-1字符集。其它还有BIG5,UTF-8,Shift-JIS,EUC,KOI8-2等字符集，分别用于不同的字体显示。
　　○字体的使用。
　　在网页里，字体的定义语句是：<font face="Arial">显示文字</font>
　　其中Arial就是一种字体的名称。
　　默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。也就是说，如果你没有设置任何字体，网页将以这两种标准字体显示。同时，着两种字体也可以在任何操作系统和浏览器里正确显示。
　　windows另外自带了40多种英文字体和5种中文字体。这些字体，你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体，但在其它操作系统里，如unix 则不能完全正确显示。
　　如果你需要用一种特殊的字体来体现你的风格，那么如何让大家可以真正看到你的设计页面呢？解决的办法是：用图片。（……待续）

网页设计之字体设置（上）相关推荐

网页设计html字体设置,网页设计中字体运用的12个技巧一超实用！
文字.文本排版是日常网站设计工作中经常用到,看似简单的文字,实际上排版也是很有讲究. 1. 了解每个字体都有性格,人们比较喜欢一些有特色的东西.那么这些被喜欢的存在什么规则呢,了解你的目标人群,知道 ...
网页设计尺寸 html5,网页设计一般至少设置多少高度？制作网站时网页的尺寸是多少？网页的屏幕尺寸是多少？...
网页设计一般至少设置多少高度?制作网站时,网页的尺寸是多少?可以让各种用户看到.网页的屏幕尺寸是多少?下面就和小编一起来看看吧! 网页设计一般至少设置多少高度? 大致高度如下:WindowXP的靠前个 ...
分享17个网页设计中字体排版的优秀示例
网页中的字体的使用和排版是一门学问,这篇文章带给大家17个网页设计中字体排版的优秀作品.下面收集的这些网站作品都是精心挑选的优秀国外网站作品,丰富多彩,大胆的相当干净和简单的设计,当然也有一些好的灵感 ...
20佳用于手绘风格网页设计的字体素材 !
传智播客( http://icd.itcast.cn/)是一家网页平面设计培训学院,专注于网页设计培训,平面设计培训,fash培训,ui设计培训. 如果您正在寻找漂亮的免费英文手绘字体,那么这份清单正 ...
20佳用于手绘风格网页设计的字体素材
之前和大家分享了很多的英文字体,有英文手写字体.复古字体.广告字体.LOGO字体等等.今天要向大家分享20款漂亮的英文手绘字体,您可以免费下载使用.这些免费的英文手绘字体特别适合网页设计师,平面设计师 ...
web网页引入自定义字体设置
新项目中设计用了一个自定义的字体,由于不熟悉,折腾了好大一圈,最终在同事的帮助下,顺利解决,记录一下,供有同样疑虑的小伙伴参考. 1.首先需要下载你需要的字体,此项目中用到的字体是思源黑体(lig ...
HTML5网页设计样式-CSS设置文字样式
字体 font-family 文字大小 font-size 文字的加粗 font-weight 文字的倾斜 font-style 以上四个在这篇已经有过大致介绍(见http://t.csdn.cn/I ...
html网页设计滚动条怎么设置,css怎么设置滚动条？
在我们HTML页面中经常会用到滚动条来优化我们的HTML页面,那么我们该如何设置滚动条呢?下面我们来看一下使用css设置滚动条的方法. 一.我们可以使用overflow属性设置是否出现滚动条overf ...
奶茶饮料网页设计成品——Coco线上订奶茶饮料(6页) 关于饮料奶茶的HTML网页设计-----甜品
文章目录一.作品展示二.文件目录三.代码实现一.作品展示二.文件目录三.代码实现 <html xmlns="http://www.w3.org/1999/xhtml&quo ...

网页设计之字体设置（上）

网页设计之字体设置（上）相关推荐

最新文章

热门文章