在一般的网页设计中,网页中的字体都是使用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到了这两个新知识就想着记下来,反正记下来以后总有用得到的一天。

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

  1. woff, 在网页中嵌入任意字体的解决方案

    woff, 在网页中嵌入任意字体的解决方案 http://topic.csdn.net/u/20110705/10/98e79aba-1ddf-42fa-84a9-b79ec494cb69.html ...

  2. 在网页中嵌入任意字体的解决方案 (insert any font)

    字体使用是网页设计中不可或缺的一部分.经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的 时候就有可能看不到真实的设计.美工设计师最常做的办法是把想要 ...

  3. 网页中使用任意字体之实际操作

    之前对"在网页中嵌入非系统自带字体"做过一点研究,虽然技术上能实现,但是对国内来说,没有太大的实际意义,因为一个中文体文件起码20M+,而且各个浏览器支持的字体文件还都不一样,也就 ...

  4. 在网页中嵌入任意字体(特殊字体/自定义字体)的解决方案

    在网页中嵌入任意字体(特殊字体/自定义字体)的解决方案 参考文章: (1)在网页中嵌入任意字体(特殊字体/自定义字体)的解决方案 (2)https://www.cnblogs.com/yuwenson ...

  5. 在网页中嵌入任意字体的解决方案---google在线字体库应用

    在网页中嵌入任意字体的解决方案---google在线字体库应用 参考文章: (1)在网页中嵌入任意字体的解决方案---google在线字体库应用 (2)https://www.cnblogs.com/ ...

  6. html5 在线字体库,网络字体@font-face,如何处理网页中的特殊字体?

    网络字体@font-face 如何处理网页中的特殊字体 HTML5学堂:随着网页的发展,网页中出现了越来越多的字体种类,网页自带的微软雅黑.宋体.黑体已经越来越难以满足设计的需要,那么,如何在网站中使 ...

  7. web网页中的特殊字体/字符

    web网页中的特殊字体/字符 1.特殊字体: Webdings字体,详见:http://blog.csdn.net/oscar999/article/details/10414411 测试: < ...

  8. 在网页中使用他人字体的版权问题

    近年来,随着互联网的普及,人们越来越依赖网页.在网页中,可以使用各种字体来呈现内容.然而,有时候使用的字体需要购买,而购买字体的费用可能会引起版权纠纷.那么,在网页中声明收费字体是否会侵权呢? 首先, ...

  9. 网页中使用的字体介绍

    字体的选择,是网页开发的关键因素之一. 合适的字体,对网页的美观度(或可读性)有着举足轻重的影响. 但是,相比英文字体,中文字体的网页开发有着极大的局限性.因为,一套中文字体最少也要有几千个字符,体积 ...

最新文章

  1. React学习笔记6:React Hooks API总结
  2. 建行参考码大全ybla_52度五粮液价格表大全 不同系列价钱盘点
  3. 强大的NVAE:以后再也不能说VAE生成的图像模糊了
  4. 使用Platform Builder配置Windows CE操作系统
  5. 把Cloud for Customer的attachment视图直接放到工作中心视图去
  6. MongoDB操作:insert()
  7. 真香!8 行代码搞定最大子数组和问题
  8. java自定义注解实现日志功能
  9. 基于Jersey框架创建web项目
  10. WS2812B 5050数据整理
  11. Python pip卸载包
  12. 小米手环6NFC iphone添加门禁卡
  13. 神器 git clean
  14. Togaf业务架构-《企业级业务架构设计方法论与实践》解读
  15. 关闭/开启“此电脑”左边的导航栏win10
  16. 将iTunes降级到12.6版本
  17. S3DIS数据集学习笔记
  18. 复选框的name属性
  19. java入门基础学习
  20. 知物由学 | 舆情数据清洗“动”“静”分离方案

热门文章

  1. 推荐好用的vue插件02 v-md-editor富文本编辑器
  2. M05-MongoDB数据库核心知识
  3. 未曾上市先“上火”,威马汽车IPO前变“危马”?
  4. 2020,XLNet: Generalized Autoregressive Pretraining for Language Understanding
  5. 英语流利说 第38天
  6. 关于index fast full scan 和 index full scan
  7. 把C语言当成新垣结衣去了解
  8. 低代码平台名声臭,用起来却真香——90%重复工作给你完成喽
  9. spring依赖注入的4种方式
  10. 【tgowt】cmake转ninja vs构建