在网页中使用个性字体

在一般的网页设计中，网页中的字体都是使用font-family这个CSS属性，但是一般默认的微软雅黑、宋体等种种默认字体都是比较规范但稍显死板的字体。如果想在自己的网页中使用比较个性的字体，应该怎么做呢？接下来就英语和汉语两方面总结一下我尝试过的方法：

一.优秀的英文字体库——Google Fonts

用法说明：

假如你在Google Fonts中看中了如下字体，想应用到自己设计的网页中：

1.点击字体右上角的“加号”，将选中的字体添加到使用列表当中：

2.接下来其实按照上面的提示来操作就行了：
a.在head标签内加入link标签：

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">

b.在需要使用个性字体的标签样式里添加属性：

font-family: 'Lobster', cursive;

就是这么简单，接下来看一个实际操作的例子：

网页中的效果：

二.优秀的中文字体库——有字库

用法说明：

假如你在有字库中看中了如下字体，想应用到自己设计的网页中：

1.点击该字体进入详细介绍，再点击立即使用：

2.可以很清晰地看到有两种使用方式并且它们的不同之处，所以这里就不再重复。呓CSS模式下使用为例：

点击生成之后：

将里面对应的内容加到代码中就好。

举个例子：

在网页中的效果：

okay，以上就是今天的总结。

最后，小小的画外音：为什么不靠IT找工作研究一下相关内容也会显得很奇怪？？今天恰好get到了这两个新知识就想着记下来，反正记下来以后总有用得到的一天。

在网页中使用个性字体相关推荐

woff, 在网页中嵌入任意字体的解决方案
woff, 在网页中嵌入任意字体的解决方案 http://topic.csdn.net/u/20110705/10/98e79aba-1ddf-42fa-84a9-b79ec494cb69.html ...
在网页中嵌入任意字体的解决方案（insert any font）
字体使用是网页设计中不可或缺的一部分.经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计.美工设计师最常做的办法是把想要 ...
网页中使用任意字体之实际操作
之前对"在网页中嵌入非系统自带字体"做过一点研究,虽然技术上能实现,但是对国内来说,没有太大的实际意义,因为一个中文体文件起码20M+,而且各个浏览器支持的字体文件还都不一样,也就 ...
在网页中嵌入任意字体（特殊字体/自定义字体）的解决方案
在网页中嵌入任意字体(特殊字体/自定义字体)的解决方案参考文章: (1)在网页中嵌入任意字体(特殊字体/自定义字体)的解决方案 (2)https://www.cnblogs.com/yuwenson ...
在网页中嵌入任意字体的解决方案---google在线字体库应用
在网页中嵌入任意字体的解决方案---google在线字体库应用参考文章: (1)在网页中嵌入任意字体的解决方案---google在线字体库应用 (2)https://www.cnblogs.com/ ...
html5 在线字体库,网络字体@font-face，如何处理网页中的特殊字体？
网络字体@font-face 如何处理网页中的特殊字体 HTML5学堂:随着网页的发展,网页中出现了越来越多的字体种类,网页自带的微软雅黑.宋体.黑体已经越来越难以满足设计的需要,那么,如何在网站中使 ...
web网页中的特殊字体/字符
web网页中的特殊字体/字符 1.特殊字体: Webdings字体,详见:http://blog.csdn.net/oscar999/article/details/10414411 测试: < ...
在网页中使用他人字体的版权问题
近年来,随着互联网的普及,人们越来越依赖网页.在网页中,可以使用各种字体来呈现内容.然而,有时候使用的字体需要购买,而购买字体的费用可能会引起版权纠纷.那么,在网页中声明收费字体是否会侵权呢? 首先, ...
网页中使用的字体介绍
字体的选择,是网页开发的关键因素之一. 合适的字体,对网页的美观度(或可读性)有着举足轻重的影响. 但是,相比英文字体,中文字体的网页开发有着极大的局限性.因为,一套中文字体最少也要有几千个字符,体积 ...

在网页中使用个性字体

在网页中使用个性字体相关推荐

最新文章

热门文章