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

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

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

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  其实在前面的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

 

  

CSS3 使用@font-face引入字体的兼容性方案及优化
chovitaminljy
02-27 1174
引入第三方字体一定要注意字体版权问题 前言 承接上文web 端字体兼容性适配之后，好久没有总结 CSS3 引入字体 @font-face 相关的文章了。一是在掌握 @font-face 的基本使用要领后没遇过兼容性问题，二是觉得 @font-face 已经兼容 ie9+及现代浏览器了，兼容性问题基本可以忽略不计了。事与愿违的是，在多次实战中发现引入第三方字体会出现许多奇形怪状的问题，譬如字体文件的编码问题引发字体可以在桌面系统正常使用而在 Web 端不起作用、字体文件中英文或其他外语的字体行高差异问题、.
移动WEB开发 之 flex布局----携程网移动端首页案例
不爱吃菜的菜菜的博客
05-11 2299
前端学习用flex布局来写携程首页（因为携程和老师讲的版本不一样，我就用了很多关于现在携程的图片来替代）
font-face加载任意字体和字体格式转换
小龙在线
08-12 2058
font-face加载任意字体和字体格式转换
font-face 详解
asing1elife's blog
09-27 962
@font-face 是 CSS3 的一个模块，其主要作用是可将自定义字体嵌入到网页中，让网页字体的运用不只是限定在 Web 安全字体中 更多精彩 更多技术博客，请移步 asing1elife’s blog 语法 webFontName: 引入的自定义字体名称，将会为指定的元素添加 font-family: webFontName source: 字体路径 format: 字体格式，用于...
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。
10-11 3308
对于大部分APP或网站而言，字体是很重要的一部分。在前端开发中，选用合适的字体往往会极大地提升网站的视觉体验。然而，网页中默认字体的种类和风格有限，且在不同的设备、浏览器上渲染效果不尽相同。因此，很多开发者会选择自定义字体来提升用户体验。
CSS3中字体@font-face的使用
xujiezi的专栏
03-10 1400
第一步：从http://www.dafont.com/或者Google Web Fonts上下载特殊字体。以从http://www.dafont.com/上下载的Single Malta字体为例，下载single_malta.zip后解压，其中包含SingleMalta.ttf文件。 第二步：根据下载的特殊字体，借助第三方工具（fontsquirrel，url为http://www.fontsq
网页自定义字体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
@font-face { font-family: "MyKaiTi"; src: url('./font/DuanNingMaoBiXiaoKai-2.ttf') format('truetype'); } html中设置字体为生效，本地字体资源，如何解决
最新发布
06-02
用户的问题是在使用@font-face引入本地字体时没有生效，我需要找出可能的原因和解决方案。首先，常见的字体不生效的原因可能有路径错误、字体格式不支持、字体名称不正确、跨域问题（虽然本地可能影响较小）、浏览器...
Android应用使用自定义字体
不积跬步，无以至千里；不积小流，无以成江海。
09-18 5130
android 系统本身内置了一些字体，可以在程序中使用，并且支持在xml配置textView的时候进行修改字体的样式。支持字段为android:textStyle ,android:typeface, android:fontFamily，系统内置了normal|bold|italic三种style, 内置了normal，sans,serif,monospace，几种字体（实测这几种字体仅英文有效），typace和fontFamily功能一样。 以上的方式可以改变字体的样式，还不是真正的自定义。andro
杂乱之android的字体相关类Typeface
孤云博客
04-28 1288
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666) 转自：http://blog.youkuaiyun.com/chenzheng_java/article/details/6233849 这里粘贴一个activity的代码，其中展示了Typeface的具体用法。 ...
移动端h5不支持font-family里面的微软雅黑等等字体
热门推荐
开心大表哥
12-26 3万+
首先我们来理解一下pc端为什么可以看到网站上设置的微软雅黑字体：微软在2006年12月发布微软雅黑随简体中文版Windows Vista一起发布，是Windows Vista默认字体。意思就是window7以上的微软系统都有默认的微软雅黑字体，都可以看到网站上设置的微软雅黑字体。（电脑上没有装网站上设置对应的字体，就看不到该字体的效果） 对于其他的一些基本字体也差不多是这样的原理。 另外一点
Android 设置字体的三种方法（TypeFace）
像风一样自由
03-01 3万+
http://blog.youkuaiyun.com/legend12300/article/details/69875816 Android系统默认字体支持四种字体，分别为： noraml （普通字体,系统默认使用的字体）sans（非衬线字体）serif （衬线字体）monospace（等宽字体） 除此之外还可以使用其他字体文件（*.ttf） 一、使用系统自带的字体 1
CSS3.0新属性之@font-face在网页中嵌入字体
小酷陪你玩安卓
12-31 1707
http://www.hujuntao.com/web/css/web-fonts-with-font-face.html
Android实现新字体的引入（Typeface的使用）
这个男孩不简单的博客
02-21 1423
本文实例介绍Android实现新字体的引入，分享给大家供大家参考。具体如下（使用工具：Android studio）： 一、向Android studio里面加入.ttf的字体库 在项目的app栏新建assets文件夹，往里面放入.ttf文件 二、.ttf字体库的调用 layout布局代码： <?xml version="1.0" encoding="utf-8"?&gt...
网络字体的中文用法(一)
weixin_30730151的博客
07-25 368
网络字体的中文用法(一) 2014年6月10日歪脖骇客 1条评论 9 如果你使用的Windows XP操作系统，在浏览中文网页时，你会发现网页上的汉字基本上全部都是宋体。这是因为你的操作系统里安装了中文宋体字库，而且被设定为默认字体。浏览器会用你的默认字体显示网页上的汉字。进入Windows7/8时代，Windows系统的默认字体变成了微软...
@Font-face 兼容性问题
u014636613的博客
09-20 1509
•Webkit/Safari(3.2+)：TrueType/OpenType TT (.ttf) 、OpenType PS (.otf)； •Opera (10+)： TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg)； •Internet Explorer： 自ie4开始，支持EOT格式的字体文件；ie9支持WOFF； •F...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值