酷屏中如何自定义字体风格

3956
3

ever 小试身手Lv3

发表于2018-10-16 16:05

楼主
使用酷屏时,有时需要自定义字体风格,这时该怎么操作呢?下面整理了步骤,供大家参考:

1.从网络下载想要的字体文件
   比如一个digiface字体文件digifacewide.ttf
2.上传ttf字体文件到全局资源的fonts目录下
路径:全局资源-fonts-本地上传


3.新加css文件,定义这个字体文件对应的网络字体名,比如aaaaaa,以及文件存放的路径
源代码-点击加号-新建样式文件





@font-face{
    font-family: aaaaaa;
    src:url('vfs/root/products/ebi/sys/coolrpt/coolresource/fonts/digifacewide.ttf');
}
.font_face_db{
    font-family:aaaaaa;
}

4.在源代码编辑页面使用字体。
在页面默认的div下面增加一个div,使用aaaaaa这个字体。


<div class='font_face_db'>
   dddd  test
  </div>

5,效果







最近看过此主题的会员

梧桐树2255

esen_52M8XAS9VL

esen_4XL4NYCTF3

13693004004

chestnut

txl

3个回答

只看楼主

ever 小试身手Lv3

发表于2018-10-16 16:31

只看该作者

取消 关注该作者的回复

沙发

ps:感谢@Bigfish 的传授指导

Gardenia 小试身手Lv3

发表于2018-10-16 16:47

只看该作者

取消 关注该作者的回复

板凳

谢谢啦

韦韬然 数据老手Lv5

发表于2018-10-16 16:52

只看该作者

取消 关注该作者的回复

地板

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号