微软雅黑英文

移动端web页面使用字体分析

做~自己de王妃 提交于 2020-04-01 07:29:10
一直不知道手机端用的什么字体,只是觉得类似雅黑,直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。 前人已栽树,后人我就直接转来吧…… 回想2年前刚开始接触手机项目,接到PSD稿后,发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计,于是我写页面的时候也定义 font-family 为微软雅黑,后来发到线上后,细心的产品经理发现页面的字体不是微软雅黑,要求马上修改,我就惊呆了,还跟产品争执一番。 后来了解到的手机系统 ios、android 等是不支持微软雅黑字体,为了满足产品的需要,保证视觉稿的还原度,手机端是如何定义微软雅黑字体呢? 相信大家会想到 @font-face 定义为微软雅黑字体并存放到 web 服务器上,在需要使用时被自动下载 1 2 3 4 5 6 7 8 @font-face { font-family: 'MicrosoftYaHei' ; src: url( 'MicrosoftYaHei.eot' ); /* IE9 Compat Modes */ src: url( 'MicrosoftYaHei.eot?#iefix' ) format( 'embedded-opentype' ), /* IE6-IE8 */ url( 'MicrosoftYaHei.woff' ) format( 'woff' ), /* Modern

移动web页面使用的字体的思考

夙愿已清 提交于 2020-03-20 22:56:31
前言 记得做PC端页面的时候,字体一般设置为微软雅黑,现在做起移动端页面来了,设计师们一般都还把字体设置为微软雅黑字体,但是做出来后,测试的时候发现页面中的字体不是微软雅黑,怎么办? 后来了解到的手机系统 ios、android 等是不支持微软雅黑字体。为了满足产品的需要,保证视觉稿的还原度,手机端是如何定义微软雅黑字体呢? @font-face的使用 @font-face { font-family: 'MicrosoftYaHei'; src: url('MicrosoftYaHei.eot'); /* IE9 Compat Modes */ src: url('MicrosoftYaHei.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('MicrosoftYaHei.woff') format('woff'), /* Modern Browsers */ url('MicrosoftYaHei.ttf') format('truetype'), /* Safari, Android, iOS */ url('MicrosoftYaHei.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */ } 有关 @font-face 的使用,大漠的这篇《 CSS3

#UI+前端#(一)UI基础

这一生的挚爱 提交于 2020-01-24 07:17:31
新建一个画布 颜色模式 最常用的两个: CMIK——印刷色 RGB——光源色 单位选择 有实体,具有物理尺寸——厘米 基本显示单位——像素 选区 形状 新建选区 加法选取 减法选区 交叉选区 快捷键 shift——加选 alt——减选 同时按住shift和alt——交叉选区 网页安全字体 中文 宋体 微软雅黑 黑体 英文 Arial 微软雅黑 字体大小 正文小字:14px(最小12px) 标题 16,18,20,22…… 文字颜色 黑字——用20%的深灰(#333333) 白字(#ffffff) 灰色(自调整) 来源: CSDN 作者: vircorns 链接: https://blog.csdn.net/weixin_43476037/article/details/103753034

如何优雅的选择字体(font-family)

孤者浪人 提交于 2019-12-07 08:53:06
大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽相同,那么如何设置字体显示效果会比较好呢?下面我们逐步的分析一下: 一、首先我们看看各平台的默认字体情况 1、Window下: ·宋体(SimSun):Win下大部分游览器的默认字体, 宋体 在小字号下(如12px、14px)的显示效果还可以接受,但是字号一大就非常糟糕了,所以使用的时候要注意。 ·微软雅黑("Microsoft Yahei"):从 Vista 开始,微软提供了这款新的字体,一款无衬线的黑体类字体,并且拥有 Regular 、 Bold 两种粗细的字重,显著提高了字体的显示效果。现在这款字体已经成为Windows游览器中最值得使用的中文字体。从Win8开始, 微软雅黑 又加入了 Light 这款更细的字重,对于喜欢细字体的设计、开发人员又多了一个新的选择。 ·Arial:Win平台上默认的无衬线西文字体(为什么要说英文字体后面会解释),有多种变体,显示效果一般。 ·Tahoma:十分常见的无衬线字体,被采用为Windows 2000、Windows XP、Windows Server 2003及Sega游戏主机Dreamcast等系统的预设字型,显示效果比 Arial 要好。 ·Verdana:无衬线字体,优点在于它在小字上仍结构清晰端整、阅读辨识容易。

如何更换和删除微软雅黑字体

匿名 (未验证) 提交于 2019-12-03 00:11:01
0--前言   自从某公司因为使用了微软雅黑字体导致侵权被罚近3000万的新闻被报出来后,大家才惊觉,原来我们常用的这个字体,竟然不是免费的,更不是微软的,而是北大方正的这个流氓公司的。百度一搜,竟然有大量公司吃了北大方正的官司,北大方正光靠在微软雅黑这个小小的字体上耍流氓,每年就有上亿入账;   oh my god!   不用微软雅黑,你不会死,用了微软雅黑,你的公司可能就会死;   微软雅黑是window系统默认字体,大量程序和其他第三方软件都是用了它作为默认字体,   所以,一不小心用了它商用而收到北大方正的天价索赔,那是分分钟的事情,    流氓惹不起,但咱起码还能躲得起~   替换和删除微软雅黑字体很有必要,最好将它彻底删除! 1--字体安装   window字体安装很简单,只需要把下载好的免费字体拷贝到C:\Windows\Fonts文件夹下即可自动完成安装;然后重启电脑即可使用 2--字体删除   打开 C:\Windows\Fonts文件夹,在里面找到要删除的字体,点删除即可: 3--字体的选择   微软雅黑字体的确是比较优雅美观的字体,但是对于流氓的东西,我们要坚决抛弃;在微软雅黑字体事件的新闻爆出来后,阿里巴巴觉察到了危机,因而及时推出了自己的字体: 阿里巴巴普惠体 ,还有Google和 Adobe 合作推出一款免费、开源的字体 思源黑体 也叫做

移动端字体

痞子三分冷 提交于 2019-12-02 03:10:38
ios 系统 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 android 系统 默认中文字体是Droidsansfallback 默认英文和数字字体是Droid Sans 无微软雅黑字体 来源: https://www.cnblogs.com/Running00/p/11728113.html

如何更换和删除微软雅黑字体

心已入冬 提交于 2019-11-30 12:57:35
0--前言   自从某公司因为使用了微软雅黑字体导致侵权被罚近3000万的新闻被报出来后,大家才惊觉,原来我们常用的这个字体,竟然不是免费的,更不是微软的,而是北大方正的这个流氓公司的。百度一搜,竟然有大量公司吃了北大方正的官司,北大方正光靠在微软雅黑这个小小的字体上耍流氓,每年就有上亿入账;   oh my god!   不用微软雅黑,你不会死,用了微软雅黑,你的公司可能就会死;   微软雅黑是window系统默认字体,大量程序和其他第三方软件都是用了它作为默认字体,   所以,一不小心用了它商用而收到北大方正的天价索赔,那是分分钟的事情,    流氓惹不起,但咱起码还能躲得起~   替换和删除微软雅黑字体很有必要,最好将它彻底删除! 1--字体安装   window字体安装很简单,只需要把下载好的免费字体拷贝到C:\Windows\Fonts文件夹下即可自动完成安装;然后重启电脑即可使用 2--字体删除   打开 C:\Windows\Fonts文件夹,在里面找到要删除的字体,点删除即可: 3--字体的选择   微软雅黑字体的确是比较优雅美观的字体,但是对于流氓的东西,我们要坚决抛弃;在微软雅黑字体事件的新闻爆出来后,阿里巴巴觉察到了危机,因而及时推出了自己的字体: 阿里巴巴普惠体 ,还有Google和 Adobe 合作推出一款免费、开源的字体 思源黑体 也叫做

前端笔记整理 html和css部分 (2)

五迷三道 提交于 2019-11-27 09:22:32
一段文字两端对齐:text-align:justify 将块元素转为单元格的模式:display:table-cell 行高:文字在行高垂直居中的位置上 text-indent 首行缩进,让文本消失的方法:设成负值 letter-spacing 字间距 word-spacing 英文单词之间的距离 text-transform 文本转大小写 font-variant 可以转小的大写字母 复合写法 font:12px/行高 “微软雅黑” 来源: https://www.cnblogs.com/wangbingblog/p/11355768.html