在一般的网页设计中,网页中的字体都是使用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. php--------返回404状态
  2. DIY穷人版谷歌眼镜,自定义手势操控,树莓派再一次被开发新玩法
  3. 如何判断是否丢掉用户请求
  4. Android九宫图(draw9patch)
  5. python 批量读取文件夹的动漫美女图并显示
  6. Silverlight OOB Setup
  7. mac nginx加载php 配置,Mac下Nginx安装环境配置详解
  8. java 线程池数量_java线程池及创建多少线程合适
  9. 常见MIME类型例表
  10. centos7远程访问mysql数据库_CentOS7下安装mysql最快捷方式及mysql远程访问连接实现详解...
  11. aggs 聚合 取结果
  12. python如何解析xml请求 http_怎么用python处理xml请求和xml响应,wsdl, soap,希望有源码参考。...
  13. 光配件招标采购技术标准
  14. 百家讲坛2001-2016年节目播出表-总目录
  15. 有没有一种软件,可以输入乐谱就能自动演奏的?
  16. 统计学习理论(SLT)与支持向量机(SVM)
  17. 评价页面,随手写的评价简陋模板
  18. bypass最新版d盾mysql_D盾一句话动态代码执行拦截bypass
  19. 用加密算法给女朋友写封情书
  20. 能够实现添加,修改及删除的通讯录

热门文章

  1. Redis高级项目实战,16条代码规范建议
  2. java 获得两个时间段差距:时分秒,两个时间相差距离多少天多少小时多少分多少秒
  3. 干货 | 18个Python爬虫实战案例(已开源)
  4. API接口的重要性和好处|附加淘宝api接口展示案例|商品数据采集演示
  5. abb机器人示教器io信号关联_ABB机器人 IO基本操作和接线练习
  6. 微信支付收银台功能上线了
  7. 蓝牙协议栈 电话免提协议HFP(Hands-Free)概念讲解
  8. 远程桌面连接时报错发生身份验证错误,要求的函数不受支持
  9. python爬虫网络出错怎么办_Python爬虫headers处理及网络超时问题解决方案
  10. 翻译原版教材的一些技巧和心得