首页客户案例企业网站建设外贸独立站SEO优化小程序+APP开发自媒体运营关于动态联系咨询

优秀网页字体的秘密

优秀的网页意味着设计人员对页面的精雕细琢,在这一过程中,我们既要接受规则,也要乐于发现并掌握新的工具,努力让生活变得更简单,设计更优秀。
其实网页的字体和真实的字体没有本质上的区别,所以我很不赞同”网页字体”和”真实的字体”不同这一说法,只能说它们的每个应用比如说网页字体、铅字、海报字体以及电影字体都有自己的特色和限制,但是归根究底,它们是同根生。

选择合适的字体类型

在选择字体类型的时候我们很犹豫,因为要考虑的因素太多了,包括网页的用途,网页侧重以及网页类型。但是,作为一个设计师,当然要从”设计”的角度去看问题。现实很残酷,如果我们选错了类型太阳明天还是会照常升起,但是你要记住:选择字体类型这一决定是每个设计决定中最重要的环节,不管你做的是什么项目。

字体特点设置

CSS3的字体规范启用先进的OpenType支持功能。
里面有字体功能设置,包括使用自由连字,片段,先进的语言支持等等。
比如说,如果你使用片段功能,你可以打出 ½ ,而不是1/2。

下面是字体设置功能的一些小技巧:使用如下标记:

1.<span class=”fraction-feature”>

2.For maximum freshness, purchase your coffee 1/2 pound at a time.

3.</span>

使用这些CSS代码:

1..fraction-feature {

2.-moz-font-feature-settings: “frac=1″;

3.-moz-font-feature-settings: “frac” 1;

4.-webkit-font-feature-settings: “frac” 1;

5.-ms-font-feature-settings: “frac” 1;

6.font-feature-settings: “frac” 1;

7.}

小帖士:你要留心的事

网页字体是一个强有效的工具,你可以很简单的使用它,但是我想如果你使用字体的目的很简单那么今天你就不会进来看这篇文章了。当你在进行网页字体设计时,以下几点你必须时刻牢记。
你打算怎么使用它?
对于网页字体,你有两个很基础的选择:一,从网页字体供应者那里租;二,自给自足。

租字体这一方法很普遍,同时也缺乏探索精神。

其实我也不知道哪个选择更好,但是还是有一个标准的,你可以阅读以下提示:

1.花费: 当你选择项目字体类型时,你要尽快告诉顾客,字体也是有价钱的!曾经我有一个顾客,非常喜欢我们选择的字体,但是没有钱买,还有一个顾客与字体供应商是合伙人,所以在我们开始设计之前他就决定了要用的字体…懂了吗?一定要尽快告知顾客字体花费哟~

2.选择:你选择的字体决定了它们在浏览器使用的方法,为嘛?因为一些字体仅仅提供供特殊场合使用。所以,尽可能的找一个可以使用的字体。如果发现它不能正常使用,赶紧停止。
奉劝大家在选择字体之前一定要三思,不然就是自寻死路。

想好特性设置
在使用网页字体时,你必须先下载字体。我们要确定想用的字体是可以被下载的。

一个好的字体有很多特点,供很多语言使用。但是如果你只想使用其中一个特点,你可以对字体进行优化。大多数网页字体服务都允许你选择一个特性,而不是全部字体。

重量和风格
另一个考虑因素就是字体的重量和风格。先来看看下面的代码,发现什么了吗?

1.<p class=”faux-text”>

2.He desires to paint you the <b>dreamiest, shadiest,</b> <i>quietest, most enchanting</i> bit of romantic landscape in all the valley of the Saco.

3.</p>
如果没有CSS的指导,浏览器将会把文字设置为加粗斜体,所以我们不应该盲目的相信浏览器。没有合适的CSS,浏览器经常犯浑。当它因没有找到合适的字体而生气时,它就会沿用过去使用的模型,后果自负…总之,使用粗体和倾斜字体结果就是:设计死啦死啦滴。

你问我怎么防止?OK,下面的例子看好了:

1..faux-text { font-family: ‘GentiumBasicRegular’; }

Next, style the italic and bold text:

1..faux-text i { font-family: ‘GentiumBasicItalic’; }

2..faux-text b { font-family: ‘GentiumBasicBold’; }

对浏览器进行干涉:

1..faux-text i { font-family: ‘GentiumBasicItalic’; font-style:normal; }

2..faux-text b { font-family: ‘GentiumBasicBold’; font-weight:normal; }

无论你选的字体是否合适,关注细节都是设计过程中重要的一部分。不过就算你选择了合适的字体,你的顾客的顾客也不会因此表扬你,但是这是关键吗?不,关键问题是——选择正确的字体将会影响你的设计整体水平。


本文来源于广州网站建设公司与广州网站设计制作公司-广帆互动广州公司!

日期:2017年01月11日

标签: 网站设计公司 、 网站建设公司 、 网站制作 、 网站设计 、 网站建设 、 广州网站设计公 司 、 广州网站设计 、 广州网站建设公司 、 广州网站建设 、 广州网站制作公司 、 广州网站制作

获取您的项目定制及优化报价。

* 为广州天河、白云、海珠、番禺、花都、南沙区提供网站建设服务。
微信二维码15876521776免费获取诊断报告