前端不同设备的网页字体设置

摘要:
当字体有一个或多个空格,或有#和$等特殊符号时,需要用引号将其括起来:Arial、“MicrosoftYaHei”、“Microsoft Yahei”、无衬线2。建议按百分比定义行距。两个常用的行距值是线宽:120%/150%3。空白区域应为text-indent4。因为中文字体包含英文,所以英文字体不包含中文,所以英文应该写在字体系列前面:Georgia,SimSun,“Verdana”5。使用fonts.css处理不同的设备字体

1.  字体家族的选择属性是:font-family,多个用逗号隔开。当字体中拥有一个或者多个空格,或者拥有特殊的符号如#、$则需要用引号将其括起来

font-family: Arial, "Microsoft YaHei", "微软雅黑", sans-serif

2.  行距建议用百分比来定义,常用的两个行距的值是line-height:120%/150%

3.  空白应该尽量使用text-indent

4.  因为中文字体中包含了英文,英文字体中不包含中文,所以英文应该写在前面

font-family: Georgia, SimSun, "宋体"

5.  使用fonts.css处理不同设备字体

   

免责声明:文章转载自《前端不同设备的网页字体设置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇FastReport VCL4.9发布Spring手动绑定ConfigurationProperties下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

汉语词性对照表[北大标准/中科院标准]

汉语词性对照表[北大标准/中科院标准] 词性编码 词性名称 注 解 Ag 形语素 形容词性语素。形容词代码为 a,语素代码g前面置以A。 a 形容词 取英语形容词 adjective的第1个字母。 ad 副形词 直接作状语的形容词。形容词代码a和副词代码d并在一起。 an 名形词 具有名词功能的形容词。形容词代码 a和名词代码n并在一起...

sqlServer:行列转换之多行转一行

记得在刚进项目组时候,使用oracle数据库,遇到的第一个难题就是行列转换,哈哈,真是菜的一BI,现在使用sqlServer数据库,又遇到了,记录一下,以备后用和帮助后来者。 言归正传: 数据库:sqlServer2008R2 英文版 1.建表:学生表(姓名,学科,成绩) CREATE TABLE teststudent(    stuname varch...

根据前端时间范围-后端进行时间范围数据库查询

一、场景 从前端获取时间范围 时间范围作为参数传递给后端 后端将时间范围参数转换datetime类型 根据时间范围进行数据库查询 二、功能实现 前端获取时间范围 参考资料: https://blog.csdn.net/lianzhang861/article/details/80422513 原生HTML获取时间范围 <form act...

前端数据可视化插件:Highcharts、Echarts和D3(区别)

    前端数据可视化插件有很多,但我用过的只有Highcharts(https://www.hcharts.cn/)、Echarts(http://echarts.baidu.com/)和D3(https://d3js.org/), Web开发过程中选择使用哪一个插件是很重要的问题。就我个人而言,一般会从以下几点考虑。   1.兼容性 使用一个插件之前...

Alpha冲刺——总结随笔

这个作业属于哪个课程 软件工程 这个作业要求在哪里 团队作业第五次——Alpha冲刺 这个作业的目标 Alpha冲刺 作业正文 正文 github链接 项目地址 其他参考文献 无 一、项目预期计划: 1、基于以前的原型做出初版页面。 2、对于基础功能后端的接口都能准确的实现,配套的前端也能较好的实现。 3、前后端接口都能很好...

如何区分一个功能是前端还是后台的问题?

怎么区分一个功能是前端还是后台的问题?记得以前面试的时候,好几家公司问过这个问题。 问题主要有以下几种: 1.界面UI布局显示问题--前端 2.页面字段校验问题--前端 3.页面功能实现问题--前端?后台? 前2个很容易确定是前端的问题。第3个牵扯到前端和后台共同处理,所以区分时需要理清楚。谷歌浏览器F12开发者工具Network一栏。 如下图:点击【搜索...