码迷,mamicode.com
首页 > Web开发 > 详细

webfont在vue中的使用

时间:2019-01-04 14:38:12      阅读:392      评论:0      收藏:0      [点我收藏+]

标签:ttf   在线   androi   orm   chrome   embed   bsp   format   www   

1 下载一个喜欢的字体 tff

http://www.font5.com.cn/tag.php?tag=ttf%B8%F1%CA%BD

2 使用webfont在线生成 

https://www.fontke.com/tool/fontface/

3 项目创建 font.css

@font-face{font-family:‘haha‘; /* 瞎取个名字 */
src: url(‘char.eot‘); /* IE9 */
src: url(‘char.eot‘) format("embedded-opentype"), /* IE6-IE8 */
url(‘char.woff2‘) format("woff"), /* chrome、firefox */
url(‘char.ttf‘) format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
font-style: normal; font-weight: normal;}

4 vue使用

4.1 引入

import FontStyles from ‘../font/font.css‘

4.2 写样式 font-family

<h2 style="font-family: haha;">super junior example</h2>

webfont在vue中的使用

标签:ttf   在线   androi   orm   chrome   embed   bsp   format   www   

原文地址:https://www.cnblogs.com/zhujiujianghuxing/p/10219001.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!