font-face在移动端的支持情况

最新推荐文章于 2023-10-11 17:56:30 发布
原创 最新推荐文章于 2023-10-11 17:56:30 发布 · 450 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#font-face在移动端的支持情况

本文列举了不同移动操作系统及浏览器对于CSS中font-face特性的支持情况。包括iOS、Android各版本及其主流应用如Safari、Chrome等的支持状态。

  其实在前面的font-face已经简单介绍了一下：

 

  本文来自神飞博客里面的“font-face在移动终端的支持”

 

   支持的font-face的：

 

  • iOS 4 ---- Safari
  • iOS 6 ---- Safari
  • iOS 6 ---- QQ
  • iOS 6 ---- UC
  • Android2.2 ----- 默认
  • Android4 ----- 默认
  • Android4 ----- Opera Mobile12
  • Android4 ------Chrome
  • Android4 ------QQ
  • Android4 ------FF
  • Windows Phone8 ---- IE
  • Windows 8 x86(平板)——IE 10

 

   不支持的font-face的：

 

  • iOS ----- Opera mini
  • Andriod -----   Opera mini
  • 黑莓OS 4 | 5
  • 黑莓OS 6 ----- Opera mini

 

  

网页自定义字体CSS @font-face应用及制作.docx
02-10
同时，@font-face 也可以应用于移动端应用程序，实现自定义字体的效果。 @font-face 是一种强大的 CSS 规则，能够实现网页设计中字体的自定义。通过了解 @font-face 的语法规则和浏览器的兼容问题，可以更好地使用 ...
详解node字体压缩插件font-spider的用法
01-01
需求： 根据甲方要求，使用UI中指定字体 移动端默认显示系统默认字体，非系统默认字体需要自行引入字体包 字体包过大，字体包通常在几MB，严重拖累页面加载...@font-face { font-family: 'myfont'; src: url('./comm
CSS3 使用@font-face引入字体的兼容性方案及优化
chovitaminljy
02-27 1224
引入第三方字体一定要注意字体版权问题 前言 承接上文web 端字体兼容性适配之后，好久没有总结 CSS3 引入字体 @font-face 相关的文章了。一是在掌握 @font-face 的基本使用要领后没遇过兼容性问题，二是觉得 @font-face 已经兼容 ie9+及现代浏览器了，兼容性问题基本可以忽略不计了。事与愿违的是，在多次实战中发现引入第三方字体会出现许多奇形怪状的问题，譬如字体文件的编码问题引发字体可以在桌面系统正常使用而在 Web 端不起作用、字体文件中英文或其他外语的字体行高差异问题、.
font-face加载任意字体和字体格式转换
小龙在线
08-12 2152
font-face加载任意字体和字体格式转换
font-face 详解
asing1elife's blog
09-27 1047
@font-face 是 CSS3 的一个模块，其主要作用是可将自定义字体嵌入到网页中，让网页字体的运用不只是限定在 Web 安全字体中 更多精彩 更多技术博客，请移步 asing1elife’s blog 语法 webFontName: 引入的自定义字体名称，将会为指定的元素添加 font-family: webFontName source: 字体路径 format: 字体格式，用于...
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。
10-11 3391
对于大部分APP或网站而言，字体是很重要的一部分。在前端开发中，选用合适的字体往往会极大地提升网站的视觉体验。然而，网页中默认字体的种类和风格有限，且在不同的设备、浏览器上渲染效果不尽相同。因此，很多开发者会选择自定义字体来提升用户体验。
CSS3中字体@font-face的使用
xujiezi的专栏
03-10 1420
第一步：从http://www.dafont.com/或者Google Web Fonts上下载特殊字体。以从http://www.dafont.com/上下载的Single Malta字体为例，下载single_malta.zip后解压，其中包含SingleMalta.ttf文件。 第二步：根据下载的特殊字体，借助第三方工具（fontsquirrel，url为http://www.fontsq
移动WEB开发 之 flex布局----携程网移动端首页案例
不爱吃菜的菜菜的博客
05-11 2324
前端学习用flex布局来写携程首页（因为携程和老师讲的版本不一样，我就用了很多关于现在携程的图片来替代）
@font-face { font-family: "MyKaiTi"; src: url('./font/DuanNingMaoBiXiaoKai-2.ttf') format('truetype'); } html中设置字体为生效，本地字体资源，如何解决
最新发布
06-02
用户的问题是在使用@font-face引入本地字体时没有生效，我需要找出可能的原因和解决方案。首先，常见的字体不生效的原因可能有路径错误、字体格式不支持、字体名称不正确、跨域问题（虽然本地可能影响较小）、浏览器...
ttf字体引入没有报错 @font-face { font-family: "AaYuanWeiTuSi" !important; src: url('~@/assets/fonts/AaYuanWeiTuSi.ttf') format('truetype'); font-weight: normal; font-style: normal; } main.js 引入 /*引入字体图标*/ import "./assets/fonts/fonts.css"; 正常 font-family: AaYuanWeiTuSi; 样式 不显示
05-08
根据引用1、2、3，用户可能在Vue项目的assets/fonts目录下放置了字体文件，然后在CSS中使用@font-face定义，并在组件中应用了font-family。但实际使用时样式未显示。 首先，我需要确认用户是否正确配置了字体路径。...
移动端字体失效
qq_61128752的博客
08-09 1048
font-family在电脑有效，到微信手机就失效的解决方法，使用@font-face
移动端h5不支持font-family里面的微软雅黑等等字体
热门推荐
开心大表哥
12-26 3万+
首先我们来理解一下pc端为什么可以看到网站上设置的微软雅黑字体：微软在2006年12月发布微软雅黑随简体中文版Windows Vista一起发布，是Windows Vista默认字体。意思就是window7以上的微软系统都有默认的微软雅黑字体，都可以看到网站上设置的微软雅黑字体。（电脑上没有装网站上设置对应的字体，就看不到该字体的效果） 对于其他的一些基本字体也差不多是这样的原理。 另外一点
iconfont补遗
weixin_30633405的博客
04-15 176
一、TureTpe(.ttf)格式： .ttf字体是Windows和Mac的最常见的字体，是一种RAW格式，因此他不为网站优化,支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+】； 二、OpenType(.otf)格式： .otf字体被认为是一种原始的字体格式，其内置在TureType的...
font-face 移动端字体图标不显示的Bug
ZC
11-01 7553
这个问题非常的常见，当使用自定义的字体有时候在移动端不显示字体图标。一句话：加载顺序问题。 移动端有问题的加载顺序：eto，woff，ttf，svg//有兼容问题的字体图标加载顺序 @font-face {font-family: "iconfont"; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') fo
网络字体的中文用法(一)
weixin_30730151的博客
07-25 380
网络字体的中文用法(一) 2014年6月10日歪脖骇客 1条评论 9 如果你使用的Windows XP操作系统，在浏览中文网页时，你会发现网页上的汉字基本上全部都是宋体。这是因为你的操作系统里安装了中文宋体字库，而且被设定为默认字体。浏览器会用你的默认字体显示网页上的汉字。进入Windows7/8时代，Windows系统的默认字体变成了微软...
[原创]裁剪网页字体
04-06 323
网站需要特殊的字体，可以通过CSS3的新属性@font-face引入字体。 一、首先我们一起来看看@font-face的语法规则：@font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>...
font-face引用字体跨域导致font awesome图标无法正常显示
过河卒子
03-08 7982
        前段时间上线一个项目，将css,js等静态资源做了cdn部署，结果发现我的font awesome图标通通不能正常显示。后来查了资料发现是由于font-face引用字体跨域导致的。 我的主域名www.domain.com ,   CDN资源域名 cdn.domain.com;背景知识----http的访问控制（CORS）：        当一个资源从与该资源本身所在的服务器不同的域...
html5适合安卓的字体,在安卓中切换h5页面中的字体
weixin_30182831的博客
06-15 961
在开发过程中，有这么一个需求，无线传输设备给安卓传送一串字符，安卓接受并转发给前端页面。字段形如：font-family:'黑体'前端要根据传输过来的字符进行变更页面的字体，问题悄无声息的出现了......在windows系统中，可以直接调用'黑体'字体库。在安卓中却行不通，在经过测试以后发现，可以通过@font-face自定义字体，指定安卓系统字体文件后，就可以调用字体库。但是，如何进行动态的切...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值