html 字体图标转换工具,HTML5 webfont字体图标的使用

一.参考文献

二.html使用方法

1.下载字体

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

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:'李旭科书法'

}

html 字体图标转换工具,HTML5 webfont字体图标的使用相关推荐

java字体颜色编程_Java 字体颜色转换工具类 ColorUtil
Java 字体颜色转换工具类 ColorUtil,Java 字体颜色转换工具类 ColorUtil-- import java.awt.Color; import jxl.format.Colour; ...
Java 字体颜色转换工具类 ColorUtil
import java.awt.Color; import jxl.format.Colour; /** *字体颜色转换工具类 * @author tanghui * */ pu ...
html 字体图标转换工具,字体图标的制作方式
引言: 如今移动端页面越来越频繁,图标字体的应用也越来越广泛.废话少说,根据自己的实践,今天和大家一起分享两种将图标转换为字体的方法.欢迎大家拍砖! 方法一:SVG+icomoon(目前喜欢并推荐使用 ...
HTML5 webfont字体图标的使用
2019独角兽企业重金招聘Python工程师标准>>> 一.参考文献 1.http://www.cnblogs.com/yes-V-can/p/5716853.html 2.http ...
android 字体像素转换工具类_android px,dp,sp大小转换工具
package com.voole.playerlib.util; import android.content.Context; /** * Android大小单位转换工具类 * * float s ...
android 系统字体转换工具,Windows系统字体转换工具FontConvert 0.95 免费版
Windows系统字体转换工具是一款非常实用的电脑字体转换软件,该软件可以有效的帮助用户方便快捷的进行系统字体的转换,同时,软件还支持将ttf文件批量转换成系统字体.支持简体.繁体以及英文字体,有需要 ...
繁体简体QQ字体中文转换工具
这是一款网上找的很好的文字转换工具,支持繁体.简体.QQ字体中文的转换.感觉挺有意思的,也对作者由衷的敬仰,现发布在此,方便大家学习交流. 资源下载地址: http://down.qiannao.co ...
android 字体像素转换工具类_Android中px与dip，sp与dip等的转换工具类
Android中px与dip,sp与dip等的转换工具类功能通常在代码中设置组件或文字大小只能用px,通过这个工具类我们可以把dip(dp)或sp为单位的值转换为以px为单位的值而保证大小不变.方 ...
android 字体像素转换工具类_Android开发之拼音转换工具类PinyinUtils示例
本文实例讲述了Android开发之拼音转换工具类PinyinUtils.分享给大家供大家参考,具体如下: 1.首先下载pinyin4j-2.5.0.jar,拷贝到工程的lib目录里或者点击此处本站下 ...

html 字体图标转换工具,HTML5 webfont字体图标的使用

html 字体图标转换工具,HTML5 webfont字体图标的使用相关推荐

最新文章

热门文章