在css使用自定义字体

摘要:
通过@font face自定义css文件中的字体,src是字体文件的相对路径。')总体安排src:urlformat;src:urlformat;src:urlformat;如果这篇文章对你有帮助,请帮我点赞!做一个可靠的技术博客!
在css文件中通过@font-face自定义字体,src 为字体文件的相对路径。
@font-face {
font-family: "LED";//为字体取名字
src: url("fonts/HD_UnidreamLED.ttf") format('truetype');//字体文件
}

//在样式中使用该字体 .led { font-size:50px; font-family: LED; }

注:每种格式的字体文件,format()的值可能不一样。

src: url('YourWebFontName.eot?') format('eot');
src:url('YourWebFontName.woff') format('woff');
src:url('YourWebFontName.ttf') format('truetype');
src:url('YourWebFontName.svg') format('svg');
如果文章对你有帮助,麻烦帮忙点个赞哦!嘿嘿!做一个靠谱的技术博主!

免责声明:文章转载自《在css使用自定义字体》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇软件开发模式:瀑布、敏捷、DevOpsWindows环境下安装配置Teamcity配合git自动发布mvc,webapi站点下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

VSCode编辑器使用技巧:快捷输入HTML代码(转)

原文:https://www.cnblogs.com/kharvey/p/12990787.html VSCode中有一些快捷编辑HTML的方法,能大大提高工作效率,在这记录一些。 1.输入html:5,然后按tab键或enter键,效果如下: 1 <!-- 输入html或者html:5生成页面模板 --> 2 <!DOCTYPE h...

关于使用ajax导出excel问题

最近有个需求是在页面导入文件,后端进行处理后返回处理结果的excel,前端使用的是ajax。我最开始的做法是:在原有代码后加一段导出excel的代码,结果代码能正常运行,但页面始终没有返回我需要的excel。 而后开始百度编程模式,得出以下结论:   ajax是无法直接导出excel的,因为ajax的返回值只能是字符流,而导出excel是后台往浏览器中写入...

linux oracle em的一些用法

一、乱码 1)分别备份ORACLE自带JRE和JDK下的当前字体配置文件(font.properties)cp ($ORACLE_HOME)或者/u01/app/oracle/product/10.2.0/db_1/jre/1.4.2/lib/font.properties ($ORACLE_HOME)或者/u01/app/oracle/product/1...

python 调用百度ORC进行文字识别

最近大神推荐一个新的东西,orc文字识别,是免费的,感觉特别不错,所以打算自己弄来玩玩。 首先要自己上百度申请一个账号https://cloud.baidu.com/product/ocr.html,登陆百度云,然后添加一个应用。创建好应用以后,就跟图片中一样,其中的API KEY 和 Secret Key 要记住,等会调用的时候要用到。 创建好应用以后,首...

更便捷的css处理方式-postcss

更便捷的css处理方式-PostCSS 一般来说介绍一个东西都是要从是什么,怎么用的顺序来讲。我感觉这样很容易让大家失去兴趣,先看一下postcss能做点什么,有兴趣的话再往下看,否则可能没有耐心看下去。让我们开始吧 postcss能做什么 补全css属性浏览器前缀 手写的代码可以是这样的: .div{ display: flex; } post...

关于HTTP协议,一篇就够了

HTTP简介 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。 HTTP是一个属于应用层的面向对象的协议,由于其简捷...