永发信息网

使用JSFiddle(web前端开发网页编程器)怎么改字体颜色。

答案:2  悬赏:60  手机版
解决时间 2021-02-25 07:47
我使用JSFiddle(一款网页上就能使用的,用于web前端开发的编程器)编辑了一段程序,的编程语言与操作要求完全相同,但显示的字体就是不变颜色,请了解的此问题的高手们指点一下到底什么地方有问题。我的编程语言如下
<!DOCTYPE HTML>




这是一个人





我想要把“这是一个人”这段文字改成红色,但显示的结果还是黑色,请高手指点。
最佳答案
这里有一个字体渲染实测结果截图展示。造成渲染区别的主要是以下几点(wiki: Font rasterization):
字体抗锯齿:Win7以上自动打开的ClearType(msdn)、常见于Mac OS和MacType的次像素平滑(原理)、常用于Android和iOS等移动设备的灰度渲染
Hinting技术 /wiki
对字重font-weight的支持程度不一(ref)
相对应的控制有:
字体抗锯齿技术:仅仅只有webkit核支持使用一个CSS属性来控制字体平滑技术:-webkit-font-smoothing: antialiased;,可以将chrome浏览器的字体渲染调为灰度渲染。在The New Yorker、Path等网站中,均使用了这个方案,它可以使webkit内核的浏览器字重表现一致。(使用了次像素平滑之后,字重普遍比灰度渲染之后的字体重,效果详见携程的这个DEMO)。
Hinting技术:在打包的Webfont字体中加入Hinting,有助于Windows的小字体显示效果
字重兼容性:出于兼容性的考量,不要使用font-weight的数值形式,也不要在@font-face里指定相应的font-weight数值,可以通过@font-face里定义的字体名来区分字重,如Gabriela-Light和Gabriela-Regular
此外:
小字重字体(W1,W2)的小字号、大字重字体(W6以上)的小字号在win xp下的显示很难正常和好看,可以避免使用
在webkit核的字体显示有问题时,可以使用如-webkit-text-stroke的hack解决问题,详参How to fix the ugly font rendering in Google Chrome
接口不健全,各个终端表现不一,这基本就是现状了。Mockee的关于字体渲染的ppt里说到:“接受现实,假设最坏的情况,等待未来新标准、新实现。”
全部回答
不明白啊 = =!
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
铜陵市交通事故快处服务中心地址有知道的么?
e=1.6*10的-19次方是多少?怎么算?
有关纳兰的歌或电视剧
文峰漆业怎么去啊,有知道地址的么
itools显示没有没有连接设备
王六卫生用品总店地址在什么地方,想过去办事
【离别感言】离别感言作文
在局域网内两台电脑同一款游戏,一个人玩两台
一个数的3分之2是40,这个数的6分之5是多少
初中中考政治观点的阐述 人教版
Newstar舞蹈工作室(中南世纪城店)怎么去啊,
该公司第(1)笔业务应纳车辆购置税税额为(
五伏电源,200瓦应用多大电线
大门朝向哪里风水最好
学历填什么
推荐资讯
底色在哪里啊,我有事要去这个地方
家鑫超市怎么去啊,有知道地址的么
1米加9分米等于多少分米
在高速公路上,三天算不算超时
军的四字成语有哪些
汕头二中的初中部厉不厉害
;php中echo(),这个里面怎么传多个参数啊?
炉石有多少张卡
侧链比阿昔洛韦多一个羟甲基的是A.阿昔洛韦B.
郎冲岗这个地址在什么地方,我要处理点事
采矿许可证到期不办延续怎么处理
建筑材料检测报告在哪办理
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?