修改字体篇:css3@font-face@字体转换@浏览器字体支持
2024-09-29 22:06:20
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
语法 http://www.runoob.com/cssref/css3-pr-font-face-rule.html
在线字体转换 https://cloudconvert.com/
Internet Explorer(all) | Safari(3.2+) | iPhone(3.1) | Chrome(all) | Firefox(3.5+) | Opera |
---|---|---|---|---|---|
EOT | TTF / OTF | SVG | SVG / TTF / OTF | TTF / OTF / WOFF | TTF / OTF |
字体支持表如上
接下来我将进行对前段代码的修改,增加CSS样式以及修改js文件.希望工作顺利.
常用中文字体 Unicode 编码
字体名称 | 英文名称 | Unicode 编码 |
---|---|---|
宋体 | SimSun | \5B8B\4F53 |
新宋体 | NSimSun | \65B0\5B8B\4F53 |
黑体 | SimHei | \9ED1\4F53 |
微软雅黑 | Microsoft YaHei | \5FAE\8F6F\96C5\9ED1 |
楷体_GB2312 | KaiTi_GB2312 | \6977\4F53_GB2312 |
隶书 | LiSu | \96B6\4E66 |
幼园 | YouYuan | \5E7C\5706 |
华文细黑 | STXihei | \534E\6587\7EC6\9ED1 |
细明体 | MingLiU | \7EC6\660E\4F53 |
新细明体 | PMingLiU | \65B0\7EC6\660E\4F53 |
最新文章
- A、B、C、D和E类IP地址
- iOS——百度统计
- bzoj3172
- Linux磁盘分区实战案例
- dom方法读取xml(不常用)
- Cracking the coding interview--Q1.2
- Java导出excel并下载功能
- codeforces Round #260(div2) D解决报告
- 【C++基础】类的组合
- JavaScript 之 HelloWorld编写
- Experience of Python Learning Week 1
- c++ singleton单例模式
- 初识Restful架构
- Mysql集群原理
- 求最近点对算法分析 closest pair algorithm
- DelphiXE10.2.3——跨平台生成验证码图片
- 深入理解JVM(一)——JVM内存模型
- 练习:将从表读出来的时间戳除以1000(java读时间戳会多出3个000)用jackson包 实现
- import tensorflow 报错,CentOS 升级 glibc
- week2:个人博客作业