文档章节

WebFont-前端字体

Clover286
 Clover286
发布于 2017/04/27 16:10
字数 268
阅读 16
收藏 0
点赞 0
评论 0

一.参考文献

1.http://www.cnblogs.com/yes-V-can/p/5716853.html

2.http://blog.csdn.net/zhouwangling_/article/details/53096649

二.使用方法

1.下载字体

网上百度自己要使用的字体,一般下载的是ttf格式,需要4种(或5)格式,其他的格式可以通过在线工具基于ttf转换

http://www.fontke.com/tool/convfont/(这个最好用)

web-fontmin(这个在线转换工具更好用,注意,左边编辑框里的字全删除再上传ttf,不然只会转换框里的那些字体)

在线格式转换点此(注:该网站我成功转过,有时候会报错,多试几次)

 

2.css加载

@font-face {
    font-family: "李旭科书法";
    src: url("../font/李旭科书法.eot"); /* IE9 */
    src: url("../font/李旭科书法.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/李旭科书法.woff") format("woff"), /* chrome, firefox */
    url("../font/李旭科书法.ttf") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url("../font/李旭科书法.svg#李旭科书法") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}

3.使用:在需要使用该字体的地方用即可:

.class{
font-family:'李旭科书法'
}

 

© 著作权归作者所有

共有 人打赏支持
Clover286
粉丝 8
博文 199
码字总数 65713
作品 0
武汉
程序员
Web-Fontmin -- 在线提取你需要的字体

关于@font-face @font-face是CSS3中的一个模块,使用 @font-face 可以自定义网页字体,即使用户的电脑没有安装某种字体。怎么用 @font-face 呢?你可能见过类似下面的代码片段,它可以让 @f...

forsigner
2016/03/14
45
0
公共jquery库/常用前端公共库CDN服务推荐

一,360网站卫士常用前端公共库CDN服务 这里提供了由360网站卫士CDN驱动的常用前端公共库以及和谐使用Google公共库&字体库的调用方法 网址http://libs.useso.com/ 二,百度支持的JS,字体库列表...

越野小生
2016/07/22
16
0
关于css加载fontawesome字体在firefox中无效的问题

我在css中使用 @font-face { font-family: 'FontAwesome'; src: url(../font/fontawesome-webfont.woff) format("woff"), url(../font/fontawesome-webfont.eot) format("eot"), url(../fon......

张为
2014/01/29
2.9K
3
jquery、CSS、icon、字体、模板、CDN资源库汇总(庞大的前端干货)

jQuery(js)库: jQueryfuns:43,849 个HTML, CSS & 响应式模板 http://www.jqueryfuns.com/ datouwang 一个js特效库 http://www.datouwang.com/ js代码网 大量js和css效果代码分享 http:/......

找前辈网
2017/10/24
0
0
JavaScript 字体子集化方案--Fontmin

首款纯 JavaScript 字体子集化方案!Node模块,命令行,客户端全套支持,带你玩转 webfont !让中文字体流行起来!

junmer
2015/04/15
1K
0
十项全能革新网站开发技术-Zoomla!逐浪CMS2 x3.9.1发布

*瘦金体书法欣赏《荷池》-From Zoomla!逐浪CMS首席架构师,以喻逐浪软件之高洁卓越。 山有扶苏,隰有荷华。 不见子都,乃见狂且。 -《诗经. 国风》 五月的中国, 一路一带高蜂论坛在如火如荼的...

逐浪CMS
2017/07/13
0
0
bootstrap常用类

navbar-fixed-top 固定顶部 navbar-fixed-bottom 固定底部 pull-left 左浮动 pull-right 右浮动 clearfix 清除浮动 使用字体类 Font Awesome 首先要将font-awesome.min.css引入, 然后将字体...

扎西多顿
2016/06/24
209
0
Windows Forms、WPF 图标字体--FontAwesomeNet

FontAwesomeNet Font-Awesome-4.7.0 for Windows Forms and WPF。 开发环境 Windows 10 + Visual Studio 2013 + .NetFramework 3.5 功能 将 FontAwesome 图标生成图片和 Icon 图标 使用 可以......

seayxu
2017/01/20
396
1
CSS3: @font-face

想要制作一些很酷的头部效果并且不使用图片文件嘛?可以尝试一下 CSS3 里面的 @font-face。 代码如下: @font-face {font-family: qianduanNet;src: url("SketchRockwell.ttf");} .fontFace{...

晨曦之光
2012/03/09
0
0
Android中使用SVG与WebFont矢量图标

一.参考文献 1.http://www.cnblogs.com/yes-V-can/p/5716853.html 2.http://blog.csdn.net/zhouwangling/article/details/53096649 二.html使用方法 1.下载字体 网上百度自己要使用的字体,一......

IamOkay
2015/08/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

about git flow

  昨天元芳做了git分支管理规范的分享,为了拓展大家关于git分支的认知,这里我特意再分享这两个关于git flow的链接,大家可以看一下。 Git 工作流程 Git分支管理策略   git flow本质上是...

qwfys
今天
2
0
Linux系统日志文件

/var/log/messages linux系统总日志 /etc/logrotate.conf 日志切割配置文件 参考https://my.oschina.net/u/2000675/blog/908189 dmesg命令 dmesg’命令显示linux内核的环形缓冲区信息,我们可...

chencheng-linux
今天
1
0
MacOS下给树莓派安装Raspbian系统

下载镜像 前往 树莓派官网 下载镜像。 点击 最新版Raspbian 下载最新版镜像。 下载后请,通过 访达 双击解压,或通过 unzip 命令解压。 检查下载的文件 ls -lh -rw-r--r-- 1 dingdayu s...

dingdayu
今天
1
0
spring boot使用通用mapper(tk.mapper) ,id自增和回显等问题

最近项目使用到tk.mapper设置id自增,数据库是mysql。在使用通用mapper主键生成过程中有一些问题,在总结一下。 1、UUID生成方式-字符串主键 在主键上增加注解 @Id @GeneratedValue...

北岩
今天
2
0
告警系统邮件引擎、运行告警系统

告警系统邮件引擎 cd mail vim mail.py #!/usr/bin/env python#-*- coding: UTF-8 -*-import os,sysreload(sys)sys.setdefaultencoding('utf8')import getoptimport smtplibfr......

Zhouliang6
今天
1
0
Java工具类—随机数

Java中常用的生成随机数有Math.random()方法及java.util.Random类.但他们生成的随机数都是伪随机的. Math.radom()方法 在jdk1.8的Math类中可以看到,Math.random()方法实际上就是调用Random类...

PrivateO2
今天
2
0
关于java内存模型、并发编程的好文

Java并发编程:volatile关键字解析    volatile这个关键字可能很多朋友都听说过,或许也都用过。在Java 5之前,它是一个备受争议的关键字,因为在程序中使用它往往会导致出人意料的结果。在...

DannyCoder
昨天
1
0
dubbo @Reference retries 重试次数 一个坑

在代码一中设置 成retries=0,也就是调用超时不用重试,结果DEBUG的时候总是重试,不是0吗,0就不用重试啊。为什么还是调用了多次呢? 结果在网上看到 这篇文章才明白 https://www.cnblogs....

奋斗的小牛
昨天
2
0
数据结构与算法3

要抓紧喽~~~~~~~放羊的孩纸回来喽 LowArray类和LowArrayApp类 程序将一个普通的Java数组封装在LowArray类中。类中的数组隐藏了起来,它是私有的,所以只有类自己的方法才能访问他。 LowArray...

沉迷于编程的小菜菜
昨天
1
0
spring boot应用测试框架介绍

一、spring boot应用测试存在的问题 官方提供的测试框架spring-boot-test-starter,虽然提供了很多功能(junit、spring test、assertj、hamcrest、mockito、jsonassert、jsonpath),但是在数...

yangjianzhou
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部