web在网页中引用字体包(.ttf)嵌入特殊字体

在写html时，有点时候需要显示一些特殊字体，不过这些特殊字体是系统一般不自带的，这时就需要我们自行加载要用的字体。方法如下：

1、首先在公用的style里添加：

@font-face {font-family:fz;src: url('../fonts/fontfz.ttf');
}

font-family属性定义的该字体引用名，方便引用
src:url后是本地字体资源.ttf的相对路径

2、然后在引用字体资源：

<span style="font-family:'fz'">今日热门买入股</span>

3、样式显示如图：

web在网页中引用字体包(.ttf)嵌入特殊字体相关推荐

在网页中引用DWG控件，交互绘图，和响应鼠标点击对象的方法
在网页中引用DWG控件,交互绘图,和响应鼠标点击对象的方法 [MXDRAW CAD控件文档] 下面帮助的完整例子,在控件安装目录的Sample\Ie\iedemo.htm中. 主要用到函数说明 A. ...
网页中引用下载好的字体文件（.ttf）
将下载好的.ttf文字文件放到目录src-assets文件夹下样式表中引用该位置文件 <style> @font-face {font-family: "fz";sr ...
html5 svg 信箱图标,在网页中使用内联SVG图标和字体图标的比较
如果你要在你的网站中创建一个图标系统,你可以有不少的选择.如果你希望使用图片来制作图标,可以使用CSS sprites(CSS雪碧)技术.如果你希望使用矢量图来作为图标(这是时下非常流行的做法),你可 ...
【字体包】如何精简字体包
背景介绍: 设计师老说我们的效果和设计图相差很大, 然而这不是必然的么,因为他用的是思源黑体,而我们用的是系统自带的微软雅黑. 不是没考虑过用字体包,然而「中文字体包太大了,动辄好几MB,安装包变大了 ...
如何在网页中引用字体包(.ttf)，即嵌入特殊字体
一一定要注意路径是否正确其次:
在网页中引用阿里iconfont字体图标的三种方式
首先,你需要在阿里巴巴图标矢量库中创建账号. 创建完成后,选择你想要的图标添加到购物车(也就是添加入库). 添加了之后点击右上角的购物车按钮,弹出如下框,点击"添加至项目" 在此你 ...
如何查看html的字体,如何检测网页中使用了哪种定义的字体？
实际上,Safari并没有提供所使用的字体,至少在我看来,无论是否安装了Safari,Safari始终会返回堆栈中的第一个字体. font-family: "my fake font&quo ...
纯 as3 项目中引用 fl 包下的类
如果安装了 Flash IDE, 将下面的文件添加到项目的 libs 中即可:D:\Program Files\Adobe\Adobe Flash CS6\Common\Configuration\A ...
网页中引用优酷播放器并使其被遮罩层遮住
优酷播放器的官方代码(PS,我第一次作视频方面,直接贴embed,和object,查资料这两种没有直接的事件和API,有知道的还请告知) //为回答按钮绑定提交事件 $(document).ready ...

web在网页中引用字体包(.ttf)嵌入特殊字体

web在网页中引用字体包(.ttf)嵌入特殊字体相关推荐

最新文章

热门文章