CSS设置字体
类别:Web前端 浏览量:5221
时间:2014-7-26 CSS设置字体
CSS设置字体一、常用字体的种类
1、pc端个浏览器的支持情况
字体 | IE系列 | Chrome | Firefox |
sans-serif(无衬线) | 支持 | 不支持 | 不支持 |
serif(衬线) | 支持 | 支持 | 支持 |
monospace(等宽) | 支持 | 支持 | 支持 |
fantasy(梦幻) | 支持 | 支持 | 支持 |
cuisive(草体) | 不支持 | 不支持 | 不支持 |
2、各移动设备系统支持情况
字体 | 安卓4.0+ | IOS6.0+ | WP8 |
sans-serif(无衬线) | 支持 | 支持 | 支持 |
serif(衬线) | 支持 | 支持 | 支持 |
monospace(等宽) | 支持 | 支持 | 支持 |
fantasy(梦幻) | 不支持 | 支持 | 支持 |
cuisive(草体) | 不支持 | 不支持 | 不支持 |
三、常用CSS中不同平台的字体设置
移动端项目:
pc端(含Mac)项目:
移动和pc端项目:
默认西文字体 | 默认中文字体 | 其他常用西文字体 | 其他常用中文字体 | |
Windows | 宋体 | 宋体 | Tahoma、Arial、Verdana、Georgia | 微软雅黑、黑体 |
Android 4.0以下 | Droid Sans | Droid Sans Fallback | Arial | 无宋体、无微软雅黑 |
Android 4.0及以上 | Roboto | Roboto | Arial | 无宋体、无微软雅黑 |
iOS | Helvetica Neue | Heiti SC (黑体) | Tahoma(v7.0)、Arial、Verdana、Georgia | 无宋体、无微软雅黑 |
Mac OS X 10.6以下 | Helvetica Neue | STHeiti (华文黑体) | Tahoma、Arial、Verdana、Georgia | 宋体、无微软雅黑 |
Mac OS X 10.6及以上 | Helvetica Neue | Hiragino Sans GB (冬青黑体简体中文) | Tahoma、Arial、Verdana、Georgia | 宋体、无微软雅黑 |
标签:CSS
您可能感兴趣
- css技巧100个(css小技巧汇总)
- css渐变色动画(详解CSS背景渐变图片transtion过渡效果技巧)
- css图片3D效果(用CSS实现图片的3D凹凸感凸出镜框外或凹陷镜框里)
- css如何设置简写代码(10个CSS简写/优化技巧整理)
- class对应的css(CSS的class与id常用的命名规则)
- css用clearfix清除浮动
- 如何编写更好的CSS
- css3图片悬停切换代码(CSS3 实现的图片悬停的切换按钮)
- css定位总结(css中的三种基本定位机制)
- css3颜色详解(CSS3混合模式mix-blend-mode/background-blend-mode简介)
- css制作旋转小球(css实现毛毛虫爬行动作)
- css3设置字体阴影(简单掌握CSS3将文字描边及填充文字颜色的方法)
- css3渐变动画(CSS3径向渐变radial-gradient实现波浪边框和内倒角的方法)
- css怎么设置div边框(div+css实现带箭头的面包屑导航栏)
- css3loading教程(详解纯CSS3制作的20种loading动效)
- 如何检查css 兼容性(CSS浏览器兼容性常见问题总结大全推荐)
- 二次创业 的富士胶片,在进博会上首次展示完成转型后的全线医疗产品(二次创业的富士胶片)
- 富士胶片 中国 我们对上海的信心没有任何改变(富士胶片中国)
- 赢麻了 富士公布2021年度财报 营利同比增长240(富士公布2021年度财报)
- 医事文化谈屑 | 古人的名 字 号(医事文化谈屑古人的名)
- ()
- 网友很惭愧,自己写了很多年的字,到头来还不如一名小学生写的好(自己写了很多年的字)
热门推荐
- python里list操作大全(Python列表List知识点总结)
- tomcat在windows下内存配置(浅谈Tomcat内存配置的正确姿势)
- dedecms发布时间调整(织梦DEDECMS发布完文章没有显示文章内容解决办法)
- 百度免费翻译接口(基于python实现百度翻译功能)
- python出现modify怎么办(解决Python找不到ssl模块问题 No module named _ssl的方法)
- css垂直居中16个方法(css实现元素垂直居中的常用方法总结)
- docker指定容器id(Docker批量容器编排的实现)
- thinkphp5怎么设置当前的模块(thinkPHP5.1框架中Request类四种调用方式示例)
- nginx安全配置提示(wdcp Linux面板nginx启用gzip后js未压缩解决方案)
- 腾讯云轻量服务器怎么降低延迟(腾讯云星星海SA2云服务器配置规格性能实际评测)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9