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

最新推荐文章于 2021-09-15 15:38:12 发布
最新推荐文章于 2021-09-15 15:38:12 发布
阅读量396 收藏
点赞数
分类专栏： web mobile开发资料 文章标签： font-face在移动端的支持情况
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_2245/article/details/82473838
版权

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

 

  

iteye_2245
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS3 使用@font-face引入字体的兼容性方案及优化
chovitaminljy
02-27 903
引入第三方字体一定要注意字体版权问题 前言 承接上文web 端字体兼容性适配之后，好久没有总结 CSS3 引入字体 @font-face 相关的文章了。一是在掌握 @font-face 的基本使用要领后没遇过兼容性问题，二是觉得 @font-face 已经兼容 ie9+及现代浏览器了，兼容性问题基本可以忽略不计了。事与愿违的是，在多次实战中发现引入第三方字体会出现许多奇形怪状的问题，譬如字体文件的编码问题引发字体可以在桌面系统正常使用而在 Web 端不起作用、字体文件中英文或其他外语的字体行高差异问题、.
移动终端引用字体 font-face CSS3
黄彪博客
09-07 1333
文章摘抄 http://www.cnblogs.com/cocowool/archive/2012/11/25/2788256.html http://zhidao.baidu.com/link?url=k9eLR6Yqr6-jbiYDLfhz_7_HoNDmVk0i82zFZ0ot9im31rdhawDY6zb0WL0xLWZ-M_6qmV-gGnZLxmqPQLY1Vq   先看看fon
iconfont补遗
weixin_30633405的博客
04-15 123
一、TureTpe(.ttf)格式： .ttf字体是Windows和Mac的最常见的字体，是一种RAW格式，因此他不为网站优化,支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome4+,Safari3+,Opera10+,iOS Mobile Safari4.2+】； 二、OpenType(.otf)格式： .otf字体被认为是一种原始的字体格式，其内置在TureType的...
移动端h5不支持font-family里面的微软雅黑等等字体
热门推荐
开心大表哥
12-26 3万+
首先我们来理解一下pc端为什么可以看到网站上设置的微软雅黑字体：微软在2006年12月发布微软雅黑随简体中文版Windows Vista一起发布，是Windows Vista默认字体。意思就是window7以上的微软系统都有默认的微软雅黑字体，都可以看到网站上设置的微软雅黑字体。（电脑上没有装网站上设置对应的字体，就看不到该字体的效果） 对于其他的一些基本字体也差不多是这样的原理。 另外一点
font-face 移动端字体图标不显示的Bug
ZC
11-01 7398
这个问题非常的常见，当使用自定义的字体有时候在移动端不显示字体图标。一句话：加载顺序问题。 移动端有问题的加载顺序：eto，woff，ttf，svg//有兼容问题的字体图标加载顺序 @font-face {font-family: "iconfont"; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') fo
网页自定义字体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
支持移动端，PC端滑动解锁
06-01
在移动端，滑动解锁主要应用于Android和iOS系统的应用中。Android系统内置了滑动解锁功能，用户可以在设置中开启并自定义解锁图案。而在iOS系统中，早期是滑动到解锁，后来演变为Touch ID和Face ID的生物识别解锁，...
JS实现移动端可折叠导航菜单（现代都市风）
10-15
通过`@font-face`规则，我们可以加载并使用自定义的`icomoon`字体，用于菜单图标。其余的CSS代码主要定义了各种元素的布局、颜色、边距等样式，以创建现代都市风格的视觉效果。 接下来，我们关注JavaScript部分，这...
易康问答（移动端页面.rar
09-08
8. **文字渲染**：CSS3支持更多字体格式（如`@font-face`），以及`text-shadow`、`word-wrap`等属性，提高了文字在不同设备上的显示效果。 9. **颜色与透明度**：RGBA和HSLA颜色模式引入了alpha通道，允许设置颜色...
网络字体的中文用法(一)
weixin_30730151的博客
07-25 314
网络字体的中文用法(一) 2014年6月10日歪脖骇客 1条评论 9 如果你使用的Windows XP操作系统，在浏览中文网页时，你会发现网页上的汉字基本上全部都是宋体。这是因为你的操作系统里安装了中文宋体字库，而且被设定为默认字体。浏览器会用你的默认字体显示网页上的汉字。进入Windows7/8时代，Windows系统的默认字体变成了微软...
[原创]裁剪网页字体
04-06 263
网站需要特殊的字体，可以通过CSS3的新属性@font-face引入字体。 一、首先我们一起来看看@font-face的语法规则：@font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>...
[CSS]解决安卓和ios ，样式或其他兼容问题
iChangebaobao的博客
11-08 1万+
input \button 样式问题 , ios用的样式不管用。 解决方法：在css样式里面加 .input{ -webkit-appearance: none;/*解决ios样式问题*/ } ios手机点击输入框页面放大，输入框失焦后，页面不复原，仍保持放大状态 解决方法：禁止页面缩放 <meta content="yes" name="apple-mobile-web-a...
前端.@font-face自定义字体
生活百般滋味，人生需要笑对
11-16 1578
做一个网页，风格不同的漂亮独特的字体总是一个不错的加分项，所以CSS3增加的自定义字体@font-face属性让网页上的字体不再局限于web-safe字体，而只要你加载好，就可以随你喜欢，想怎么加就这么加了。首先是@font-face 的规则 效果 其中 自定义font-family的name没有规定，想怎么命名就怎么命名 src 是你想加载的自定义字体的路径 format括号中是的值指的是你自
CSS3 @font-face 使用方法
WEB前端开发
12-21 4695
@font-face是CSS3中的一个模块， 能够加载服务器端的字体文件，可以在网页中嵌入客户端没有安装的字体。微软的IE 5已经是开始支持这个属性，但是只支持微软自有的.eot (Embedded Open Type) 格式，而其他浏览器直到现在都没有支持这一字体格式。然而，从Safari 3.1开始，网页重构工程师已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做
css自定义字体font-face的兼容和使用
学知不足，业精于勤。
05-04 1万+
@Font-face目前浏览器的兼容性：Webkit/Safari(3.2+) TrueType/OpenType TT (.ttf) 、OpenType PS (.otf)； Opera (10+) TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg)； Internet Explorer 自i
Android实现新字体的引入（Typeface的使用）
这个男孩不简单的博客
02-21 1356
本文实例介绍Android实现新字体的引入，分享给大家供大家参考。具体如下（使用工具：Android studio）： 一、向Android studio里面加入.ttf的字体库 在项目的app栏新建assets文件夹，往里面放入.ttf文件 二、.ttf字体库的调用 layout布局代码： &lt;?xml version="1.0" encoding="utf-8"?&gt...
解决小程序中textarea ios端样式不兼容的两种方法
weixin_42125732的博客
09-15 1万+
今天遇到在小程序里面textarea会存在一定的兼容性问题，textarea有默认的内边距，在安卓手机和ios手机显示的时候，ios手机的内边距会比安卓手机的内边距大很多，所以会造成样式不兼容 解决的办法：通过wx.getSystemInfoSync()获取手机的机型；然后判断是ios手机还是安卓的手机，根据不同的手机机型的型号不同，编写对应不同的CSS样式即可，如下代码： let phone = wx.getSystemInfoSync(); //调用方法获取机型 if (phone.plat
移动端h5不支持font-family里面的楷体、微软雅黑等字体
weixin_33921089的博客
05-24 4664
移动端h5不支持font-family里面的楷体、微软雅黑等字体 移动端不支持pc端的各种字体。移动端各种系统有各自的字体： ios 系统 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 android 系统 默认中文字体是Droidsansfallback 默认英文和数字字体是Droid Sans 无微软雅黑字体 总结：...
font-face和font-family
最新发布
09-07
通过将字体文件（通常是TrueType或OpenType格式）上传到服务器，并在CSS中定义font-face规则，可以在网页上直接使用这些自定义字体。 font-face属性需要定义font-family、src和其他可选属性。font-family用于指定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值