网页字体设计设置有哪些技巧

发布网友 发布时间：2022-04-20 15:51

我来回答

共2个回答

懂视网 时间：2022-05-14 10:44

尽管设计师大都不会亲自撰写网站的实际内容，不过他们对于内容的整体品质仍然至关重要。设计师的作用就是要保证内容的展现方式足够易读。有很多方法能保证你的字体易读易用，不过我不会给大家列一些该做什么或者不能做什么的规矩和条款，我带给大家的是一些聪明运用字体的实例和分析。

仔细考虑了字体的实例
The Netsetter上大而漂亮的字体
网页设计中，标题很重要，对于博客设计来说尤为如此。最近流行在标题上使用大而粗的字体。这样做有很多好处，不仅能提高特定内容区块的可用性，而且有助于组织设计中的空间和结构。 Netsetter 在这方面做得非常好，如您所见，标题字体很大，周围有大量留白，十分易读。

行间空白和字符间距
Viget 的网站是字体究竟对网页设计有多重要的完美实例。下面的截图来自他们的作品集展示页，再一次展示了大字体是如何帮助创建开放空间的。即使是这种清爽的细线体，他们也使用了宽阔的空白。另一个值得称道的地方是他们对于行高 (line height) [行间空白]的的绝妙选择。行间距被设定得比默认值大很多，大大增强了文字可读性。也许下次你可以在自己的设计中也试一试这个技巧。

Web Design Ledger, 配合情绪的字体
要找到完美的字体需要不断的尝试和失败，或者你还可以根据字体所代表的“情绪”来选择字体。下面的例子，Web Design Ledger， 在给人以复古和做旧感的同时，也饱含开放的情绪与现代感。他成功的关键就在于选择了能唤起人们相应情绪的字体。Henry Jones (该站的设计师) 为标题选择了一种流行的传统衬线字体：Georgia，为怀旧复古风的实现提供了很大裨益。现代感则来自与标题完全不同的字体——主内容使用的Helvetica字体，一种无衬线的、滑溜的、开放的字体。

网页设计中字体选用的快速决断
看了上面这么多好例子，将来你选用起字体来应该会更加得心应手。不过，为什么他们给人的感觉这么好？下一次在你自己的设计中，你又该如何运用？

是否可读？
不要怕尝试粗大的字体
你可否考虑过间距？
间距对于可读性有很大决定作用
你的字体带给人什么情绪？
确保字体选择适合你的设计风格
这方面还有大量值得关注的地方，不过我不是这方面的专家，我也只是刚刚学会了如何鉴赏那些用得极好的字体而已。

热心网友 时间：2022-05-14 07:52

在设计网页时，文字是网页中数量最多、使用最广泛的一种页面元素，我们必须要高度重视网页中字体设计，灵活设计字体的类型、样式、大小和颜色，才能使整个网页中的字体富于变化，给人们以美的享受。字体涉及各行各业，在设计领域的应用范围很广泛，除了我们常见的平面设计外，网页设计对字体的要求也是有一定的规范可言的，其主要的元素主要有三点。下面时间财富威客网就对网页字体设计的元素做主要介绍。
1、字体的大小设置
网页中字体大小不要乱设置，最好以系统默认为宜，一般是12PT，现在网络上最流行的小中文字体大小为9pt。
CSS2规范根据长度、水平和垂直尺寸来定义字体。这个长度为一个数值，前面可能带一个可选的加( )或减(-)标记符。另外，该数值后可能有一个可选的单位标识符。另外，CSS2规范定义了两个单位类型：绝对单位和相对单位。绝对值指定单位，而相对单位指定一个与另一个值成比例的值。下面的列表列出了相对单位标识符：
em：元素字体的高度。它与使用该字体的元素的字体大小属性计算值相等。当它出现在字体大小属性值本身中时，会出现异常，这时它指母元素的字体大小。
ex(x-高度：CSS2规范将它描述为小写字母x的高度。
px(像素)：它与背景或屏幕的分辨率有关。根据显示器分辨率输出不同像素，由于用户的喜好不同，显示器的分辨率可能会有很大差异。
2、字体的使用
网页字体的使用一般选择宋体等比较常用的字体。不要出现生僻字体，防止用户因没安装对应字体造成显示错误。在网页中Arial就是一种字体的名称，默认的浏览器定义的标准字体是中文宋体和英文times new Roma字体。如果你没有设置任何字体，网页将以这两种标准字体显示。同时，这两种字体设计也可以在任何操作系统和浏览器里正确显示。
windows另外自带了40多种英文字体和5种中文字体。这些字体，你也可以在网页里自由使用和设置。凡是使用windows操作系统的浏览器都可以正确显示这些字体，但在其它操作系统里，如unix则不能完全正确显示。网页字体的样式一共有四种：正常体(regular)、斜体(Italic)、粗体(Bold)、粗斜体(Bold Italic)。
3、特殊字体或艺术字体的设置
如果你需要用一种特殊的字体来体现你的风格，那么特殊字体或艺术字体最好以图片的方式置入网页。需要用这种字体的地方用图片代替，以保证所有人看到的页面是同一效果。
在网页里，字体的定义语句是：显示文字其中Arial就是一种字体的名称。 如果需要用一种特殊的字体来体现风格，那么如何让大家可以真正看到设计页面呢？解决的办法是使用图片。将需要用这种字体的地方用图片代替，以保证所有人看到的页面是同一效果。时间财富威客网汇聚了百万专业的艺术字体设计、创意字体设计、书法字体设计等威客设计师，只要您在网站发布任务需求，就能够吸引百万专业威客给您最好的服务。
为广大企业、商家、个人，提供平面设计、装修设计、建筑设计、起名改名、策划文案、网站建设、营销推广等服务。若您有类似需要，请点击立即发布项目
另，上也有着各式各样的任务，无论您是拥有技能的专业人士，还是技术小白。都能在上找到您能参与的项目。点击进入悬赏大厅
无论你有什么疑难杂症，威客们都能一一为您解决，点击进入：问答平台。