精华内容
下载资源
问答
  • win10 字体渲染优化 色彩调整
    千次阅读
    2018-02-08 18:06:00

    最近烧包买了个2k显示器,发现跟win10使用,一堆问题,最大的就是字体,其实应该买4k,那样正好设置200%字体,现在设置的124%

    字体:

    以前使用的是mactype这个软件 https://pan.baidu.com/s/1c35m3DY

    在1080p上面还好,在2k上面效果不咋地,不知道是不是眼睛没有适应

    今天在网上看到另外一种方法,就是下面第一个链接相关的,关联程序包:https://pan.baidu.com/s/1dGd0in3 ,按照说明使用了,感觉不是特别明显,就是猎豹浏览器感觉字体细了点。

    ============================2k===============================

    修改高分屏字体渲染方式:

    一:修正 GASP 表来使所有 DPI 下均不使用 Hint。利用一个脚本可以批量将字体的 GASP 表进行修正。我对这个脚本的通用性进行了一定的改进。

    注意:以下操作涉及到系统文件修改,请注意备份。并且此修正方案在升级系统(大升级)后可能会消失。风险自负。

    (1)下载这个脚本,并解压到合适位置。(GaspHack_v2_MOD)

    (2)接着运行 GaspHack_v2_MOD.bat ,等待执行完成。

    (3)执行完成后,在 workingDir\output 下面找到 msyh*.ttc(微软雅黑)、segoeui*.ttf、segui*.ttf(Segoe UI),复制出来待用。

    (4)接着在“设置”,“更新和安全”,“恢复”中选择“立即重启”(注意保存好工作),在“疑难解答”中选择“命令提示符”。

    (5)用 copy 命令将复制出来的字体覆盖到 X:\Windows\Fonts 下面(X为系统安装盘符)

    (6)重新启动系统。

    最后,你会发现DirectWrite下面字体的显示有了很大的提升。

    二:安装 MacType, 解决传统字体引擎 GDI 问题

    https://zhuanlan.zhihu.com/p/26046562

    https://th0.me/1919.html/comment-page-1

    https://www.isthnew.com/archives/win10-font-optimization.html

    http://blog.csdn.net/w19981220/article/details/47993893?locationNum=7&fps=1

    浏览器中的字体也发生了变动

    https://bbs.kafan.cn/thread-2072207-1-1.html

     

    色彩:

    使用displayCAL调整色彩,软件下载:https://pan.baidu.com/s/1jJbUdXs

    相关色彩调整文章:http://www.360doc.com/content/16/1204/18/32419758_611838693.shtml

    https://displaycal.net/#download  http://argyllcms.com/

    https://www.flyerlee.com/spyder4-dispcalgui-argyll-cms-introduces/

    https://www.isthnew.com/archives/windows-color-management.html

     

    更多相关内容
  • 我一直推荐使用微软雅黑+宋体来实现与Windows 7/10一致的字体渲染效果,以适应刚从windows转来的部分Linux用户的需求。从2014年8月我就开始提供一条命令快速渲染Linux字体的配置包,做这个包的目的就是为了节省...

    我一直推荐使用微软雅黑+宋体来实现与Windows 7/10一致的字体渲染效果,以适应刚从windows转来的部分Linux用户的需求。

    从2014年8月我就开始提供一条命令快速渲染Linux字体的配置包,做这个包的目的就是为了节省Linux用户大量时间去干更高级的工作。虽然包含从windows里拷贝出来的微软雅黑和宋体,但字体渲染包的重点并不是提供微软的这两种字体,而是打包已经打好补丁的libfreetype库和infinality的字体配置文件。有了后面这2样东西,大家就不用浪费时间找infinality补丁去自行编译libfreetype库,也不用去学习无价值的fontconfig技术、钻研优化字体配置。

    那么不用这个lulinux字体渲染包,直接从windows下拷贝微软雅黑和宋体,效果如何?

    不得不说,这几年freetype库的确有很大的改进,3年前如果从windows下直接拷贝微软雅黑和宋体,会有很多问题,例如微软雅黑渲染的很渣,字符都是歪歪扭扭的,宋体点阵部分在firefox里渲染的很粗等等。这些问题在今天都已经没有了。

    然而其他的一些问题仍然存在,通过以下6张图,可以看出直接从windows下拷贝的微软雅黑和宋体,和lulinux字体渲染包的效果还是有很多不同的:

    027efcc0da8177fb6d602d1001c2eb9d.png

    ↑↑↑ 系统原生的渲染效果:桌面字体开启hintfull之后,虽然一般程序界面微软雅黑字体效果很好(跟windows下的效果一致),没有当年的歪歪扭扭、粗细不均的现象,但是firefox浏览器里显示的并不是hintfull的正常效果,仍然是模糊发虚的。这对经常上网阅读文章、习惯使用微软雅黑的人来说体验并不好。(这个bug可能是freetype库的问题,也可能是字体配置文件的问题。)

    54b5741d593b1c954727b0961138f51a.png

    ↑↑↑ lulinux字体渲染包效果:桌面字体开启hintfull之后,一般程序界面和firefox网页里显示的微软雅黑均为正常且一致的清晰易认的效果。

    a5df77674c509e798a92926a87e5e5d8.png

    ↑↑↑ 系统原生的渲染效果:因为windows的simsun宋体字库中的数字、字母和标点符号(基本拉丁字符)并不像汉字一样拥有相应的点阵位图,而Linux无法像windows那样自动生成它们,转而用了其本身的矢量部分,这样,在网页上显示的simsun宋体一部分清晰锐利,一部分又模糊发虚,效果跟Windows下的并不一样。

    05ee90df84d537d069d833308b20e0c0.png

    ↑↑↑ lulinux字体渲染包效果:小衲已经将simsun中的基本拉丁字符手动生成点阵位图,所有字符都会显示的清晰锐利,跟Windows下的效果一样。

    58685dfe0b46fa0c342dea11dcc89d20.png

    ↑↑↑ 系统原生的渲染效果:wine程序界面默认使用了simsun的矢量部分,相当模糊难看。

    2cd9dc108661fbbc896f1d5ab457cf16.png

    ↑↑↑ lulinux字体渲染包效果:小衲将simsun的鸡肋矢量字体替换成了微软雅黑,这样wine程序界面显示的就是漂亮的微软雅黑字体,跟windows下的体验一致。

    注:以上截图使用的系统是Manjaro 17.0.1,桌面是Xfce。截图时间:2017.05.01

    展开全文
  • 开启字体渲染: 打开 外观,更改字体: 默认字体:微软雅黑 Regular 默认等宽自体:Monospace Regular 启用抗锯齿 > 提示:全部 4. 更改 Qt5 字体 Qt5 设置 > 字体 5. 附件 3. 软件安装 中文输入法 1. 安装安装...

    1. 添加 archlinux 镜像源

    1. 步骤一

    向 /etc/pacman.d/mirrorlist 中添加国内镜像地址

    1.1 方法1:自动添加

    1、 输入如下命令查看国内镜像源,并按质量排序:sudo pacman-mirrors -i -c China -m rank,之后会弹出一个窗口,可以选择想要的镜像源,选择确定后会自动导入 /etc/pacman.d/mirrorlist 配置文件中。

    1.2 方法2:手动添加

    直接在 etc/pacman.d/mirrorlist 文件后边添加如下内容,这些是根据 pacman-mirrors 命令选出以及网友推荐的比较优质的,也可以添加其它的:

    ## Country : China(中科大)

    Server = https://mirrors.ustc.edu.cn/manjaro/stable/$repo/$arch

    ## Country : China(清华)

    Server = https://mirrors.tuna.tsinghua.edu.cn/manjaro/stable/$repo/$arch

    步骤一是必须的,要不然运行步骤三会提示找不到仓库。

    2. 步骤二

    编辑 pacman 配置文件

    1、打开 pacman 配置文件

    sudo vim /etc/pacman.conf #打开 pacman 配置文件

    2、在文件末尾添加以下内容:

    [archlinuxcn]

    SigLevel = Optional TrustedOnly

    Server = https://mirrors.tuna.tsinghua.edu.cn/archlinuxcn/$arch

    解释:

    SigLevel 可以设置为 Nerver 来屏蔽验证要安装的软件包;

    Server = https://mirrors.tuna.tsinghua.edu.cn/archlinuxcn/$arch 是清华大学的镜像源,也可以从下边的列表中选出一个其它的。

    官方镜像源:

    [archlinuxcn]

    Server = https://repo.archlinuxcn.org/$arch

    #### 浙江大学 (浙江杭州) (ipv4, ipv6, http, https)

    #### Added: 2017-06-05

    [archlinuxcn]

    Server = https://mirrors.zju.edu.cn/archlinuxcn/$arch

    #### 中国科学技术大学 (ipv4, ipv6, http, https)

    [archlinuxcn]

    Server = https://mirrors.ustc.edu.cn/archlinuxcn/$arch

    #### 清华大学 (ipv4, ipv6, http, https)

    [archlinuxcn]

    Server = https://mirrors.tuna.tsinghua.edu.cn/archlinuxcn/$arch

    #### Our main server (ipv4, ipv6, http, https)

    #### Our main server located in Netherlands

    [archlinuxcn]

    Server = https://repo.archlinuxcn.org/$arch

    #### xTom (Hong Kong server) (Hong Kong) (ipv4, ipv6, http, https)

    #### Added: 2017-09-18

    #### xTom Hong Kong Mirror

    [archlinuxcn]

    Server = https://mirror.xtom.com.hk/archlinuxcn/$arch

    #### xTom (US server) (US) (ipv4, ipv6, http, https)

    #### Added: 2019-02-19

    #### xTom US Mirror

    [archlinuxcn]

    Server = https://mirror.xtom.com/archlinuxcn/$arch

    #### Open Computing Facility, UC Berkeley (Berkeley, CA, United States) (ipv4, ipv6, http, https)

    #### Added: 2019-02-19

    [archlinuxcn]

    Server = https://mirrors.ocf.berkeley.edu/archlinuxcn/$arch

    #### 网易 (ipv4, http, https)

    [archlinuxcn]

    Server = https://mirrors.163.com/archlinux-cn/$arch

    #### 重庆大学 (ipv4, http, https)

    [archlinuxcn]

    Server = https://mirrors.cqu.edu.cn/archlinuxcn/$arch

    #### SJTUG 软件源镜像服务 (ipv4, https)

    #### Added: 2018-05-21

    [archlinuxcn]

    Server = https://mirrors.sjtug.sjtu.edu.cn/archlinux-cn/$arch

    #### 莞工 GNU/Linux 协会 开源软件镜像站 (ipv4, http, https)

    #### Added: 2018-11-03

    [archlinuxcn]

    Server = https://mirrors.dgut.edu.cn/archlinuxcn/$arch

    #### 腾讯云 (ipv4, https)

    #### Added: 2018-11-23

    [archlinuxcn]

    Server = https://mirrors.cloud.tencent.com/archlinuxcn/$arch

    3. 步骤三

    同步软件仓库,建立索引

    sudo pacman -Syy

    4. 步骤四

    安装 archlinuxcn-keyring 包以导入 GPG key

    sudo pacman -S archlinux-keyring

    2. 中文字体渲染美化 + 去模糊

    步骤:

    1. 解压 freetype2-ultimate5.tar.gz 和 lib32-freetype2-ultimate5.tar.gz 两个压缩包,分别按照里面的《安装方法》操作;

    2. 解压安装 lulinux_fontsConf_181226.tar.gz,按里面的安装说明操作;

    3. 开启字体渲染:

    打开 外观,更改字体:

    默认字体:微软雅黑 Regular

    默认等宽自体:Monospace Regular

    启用抗锯齿 > 提示:全部

    4. 更改 Qt5 字体

    Qt5 设置 > 字体

    5. 附件

    3. 软件安装

    中文输入法

    1. 安装安装输入法模块:

    sudo pacman -S fcitx-im #按⌈Enter⌋安装全部输入法模块

    2. 安装输入法配置工具

    sudo pacman -S fcitx-configtool

    3. 在 /etc/pacman.conf 配置镜像源地址

    4. 安装某一输入法,也可不安装,自带的 拼音 就是 fcitx-libpinyin,这个是比较好用的。可参看 Fcitx (简体中文) - Archlinux Wiki 查看 fcitx 介绍,以及支持的其它输入法

    5. 修改HOME目录下 .xprofile 文件,没有需要创建

    vim ~/.xprofile

    添加以下内容并保存:

    export GTK_IM_MODULE=fcitx

    export QT_IM_MODULE=fcitx

    export XMODIFIERS=@im=fcitx

    ~/.xprofile 用户级配置文件,用户每次以 X Windows 登陆方式登陆,则执行该配置文件

    ~/.profile 用户级配置文件,用户每次以 命令行 登陆方式登陆,则执行该配置文件

    6. 可能需要重启后生效

    reboot

    7. 输入特殊字符的两种方法:

    更改 fcitx 配置文件,快捷输入特殊字符。在 /usr/share/fcitx/pinyin/pySym.mb 或者 ~/.config/fcitx/pinyin/pySym.mb 中定义需要使用的特殊符号,即可快速输入特殊字符,但是只对 fcitx 默认输入法有效,对其它输入法无效。可在 GitHub:fcitx-config 查看使用介绍。更改后 重启输入法生效。

    自定义内容:

    ```

    # START --> add by zhangdongyu

    zj ⌈

    yj ⌋

    wjx ★

    lx ♦

    yx ●

    foxmail zhang_dongyu@foxmail.com

    outlook zhangdongyu@outlook.com

    wangyi zhangdongyucn@163.com

    # END

    ```

    安装 GNOME 字符映射表:sudo pacman -S gucharmap,安装完打开,左侧选择 公共,右侧就会出现特殊字符大全。

    google chrome

    sudo pacman -S google-chrome

    WPS Office 以及 WPS Office 字体

    【sudo pacman -S wps-office】 #WPS,中科大源

    【sudo pacman -S ttf-wps-fonts】 #WPS 字体,中科大源

    aurman

    简介:AUR 仓库软件下载工具

    安装步骤:

    git clone https://github.com/polygamma/aurman

    cd aurman

    makepkg -si #会提示未知的公共密匙 xxxx 错误 ...

    gpg --receive-keys

    makepkg -si #再次运行,完成安装

    indicator-sound-switcher

    简介:音频切换器,可以切换音频输出源,尤其是电脑连接电视时,可以选择使用电视的音频源

    aurman -S indicator-sound-switcher

    QQ

    pacman -S deepin.com.qq.office

    TIM

    aurman -S deepin-wine-tim #AUR有很多其它版本

    微信

    aurman -S deepin-wine-wechat #AUR有很多其它版本

    未完 ......

    点击访问原文(进入后根据右侧标签,快速定位到本文)

    展开全文
  • 字体渲染详解

    2019-01-02 15:57:00
    两年前掀起的Web字体革命让众人遗忘多年的字体渲染话题再次浮现。Web字体赋予我们自由的同时也带来新的挑战。字体选择及使用并不仅仅只是风格问题,其背后的技术实现也值关注。 我们没办法控制网站访客所用的浏览器...

    两年前掀起的Web字体革命让众人遗忘多年的字体渲染话题再次浮现。Web字体赋予我们自由的同时也带来新的挑战。字体选择及使用并不仅仅只是风格问题,其背后的技术实现也值关注。

    我们没办法控制网站访客所用的浏览器与操作系统,因此理解字体渲染原理有助于确保网站在各类情况下都适宜阅读。截至最近,我们手头可用的“web安全”字体仍屈指可数。虽然安全字体的种类非常少,但这些字体都是针对显示屏精心制作和调整过了的,因此在字体显示效果方面不用太担心。

    如今,在选择网站字体方面我们已有极大的灵活性,然而将设计图转换成实际像素的过程并不流畅自然,操作系统厂商在字体渲染上采取不同的策略,而且还在随时间剧烈的演变中。随着对屏幕上字体的深入了解,我们会发现,这些字形(glyphs)的渲染会因操作系统和字体格式而存在明显差异。另外,如果字体缺少关键的要素——字体微调(hinting),一款设计优秀的字体在Windows操作系统下可能非常难看。

    本文介绍了字体渲染的原理,字体渲染技术的形成,以及各类操作系统和浏览器所采用的渲染技术及原因,这样当你需要为下个项目选择字体的时候,你就清楚需要注意哪些细节才可确保高质量排印效果。

    渲染策略

    字体渲染详解

    理想的形状(左),黑白渲染(中)及灰度渲染(右)

    栅格化(Rasterization)

    数字形态下,字符是用抽象化的图案绘制成的。当文本显示在屏幕上时,位置非常精确,理想的字体形状需要用一定数量的像素栅格显示。随着屏幕从单纯的打印输出预览设备变成实际的阅读载体,工业界开发出了越来复杂且先进的字体渲染方法,确保屏显字体易于阅读。

    黑白渲染

    最早人们是用黑白像素来显示字符形状,有时这种方法也被称为二值渲染(bi-level rendering)。目前打印机就仍在使用这种方法,由于打印机的高输出分辨率,打印的结果能很好地再现原图。但是在屏幕上,有限的像素无法很好地传递字体形状的微妙之处。虽然我们无法分辨单个像素,但是肉眼仍可觉察到弧形轮廓线上的毛刺。

    灰度渲染

    在上世纪90年代中期,操作系统开始采用非常巧妙的手段。尽管屏幕的分辨率非常低,但是操作系统可以控制每个像素的明暗。这就可以在栅格化图像中存储更多信息。

    在灰度渲染模式下,处于字形边界上的像素变成灰色。该像素亮度取决于自身被理想字体形状所覆盖的面积比值所决定。这样,字体轮廓看起来就更平滑,字体设计的细节也得以再现。字体在屏幕上看起不仅清晰——而且还能体现字体本身特征及风格。

    这种被称为抗锯齿的原理与图片从高分辨率转换成低分辨率时所用的重采样(resampled)原理是相同的。我们的眼睛和大脑可以解读灰色像素中的信息,并补充到原先锐利的字体轮廓中,因此,我们感觉到的字体形状与初始的形状就很接近。如果我们把报纸拿远点,报纸上印刷品质相对糟糕的图片着色看起来也会不错,这背后的原理是类似的。最近,加里·安德鲁·克拉克(Gary Andrew Clarke)在Art Remixed系列作品中就把这一原理运用到了极致。

    次像素渲染

    字体渲染详解

    彩色像素增加了分辨率

    第三代渲染技术的一个重要特征是引入彩色像素。如果我们将屏幕截屏放大,发现字体边缘呈红色和蓝色,那么我们便可断言它采用的是次像素渲染技术。

    在LCD屏上,用来控制像素颜色和亮度的红、绿和蓝色次像素紧密排列。当次像素非常小时,我们不会把次像素视为单独的色点。我们对上图白点标注的“红色”像素近距离观察就会发现它采用的策略:所有次像素都可单独控制开与关。如果“空白”像素最右边的次像素是红色次像素,则其对应的像素点从技术上讲就是红色的。

    字体渲染详解

    LCD屏幕上的次像素渲染

    如果我们需要降低图片色彩的饱和度,采用该技术的好处就显而易见。与单纯的灰度渲染相比,水平方向的分辨率翻了三倍。竖笔(vertical stems)的位置及粗细就可表现的更为精确,文本外观也就更为清晰。

    目前渲染技术的应用情况

    在显示文本时,几乎所有的浏览器都依赖操作系统的字体栅格器,在关注Web字体渲染时,我们需要留意的一个关键差异就是操作系统。不过,浏览器对字距调整(kerning)、连字(ligatures),以及下划线位置和厚度等方面的支持也存在不同,因此我们不可奢望所有浏览器(甚至是同一平台上的)都可获得完全一致的渲染效果。另外在Windows平台上,浏览器可以使用系统默认的技术——GDI技术渲染字体,也可使用DirectWrite技术渲染字体。

    在深入了解渲染技术细节之前,我们首先了解下各渲染技术在浏览器上大致的运用情况:

    字体渲染详解

    各Windows浏览器所使用的渲染模式。

    WINDOWS

    在windows平台上,字体格式对渲染有重大影响。PostScript字体和TrueType字体之间就存在明显差别。这种差别并不是指两类字体引入浏览器的方式。只要底层的字体格式一样,我们看到的渲染效果就会相同。

    尽管我们最好不要完全依赖命名规则来判断字体底层所用的渲染技术,但字体的文件格式还是可以给我们提供了一些线索。比如EOT和.tff文件一定是TrueType字体,而.otf文件通常是PostScript字体。但是还有一种封装类型的字体格式WOFF,它可包含其中任意一种字体格式。因此光看文件名的话,我们还不清楚它包含何种字体,因此也就不清出它可能采用的渲染技术。除了EOT或.ttf文件必然是TrueType字体外,其他文件格式包含的是何种字体还无法完全确定。因此在购买字体时,你最好对所购买的字体做进一步研究。

    TrueType 和 PostScript 区别在于在描绘曲线时所有的数学方法不一样——光栅器(rasterizers)对这点没做过多关注。只有需要编辑字形的时,字体设计人员才会觉察到两者的区别。另一个更重要的区别是所采用的字体微调方法。PostScript 字体包含字母组成的各类要素的位置抽象信息,而TrueType字体则包含了详细的底层指令,直接控制渲染过程。然而两种渲染方式的实际差异并不在于概念上的区别,而是源自微软只对TrueType字体应用新渲染引擎的决定。

    WINDOWS: TrueType 字体

    字体渲染详解
    字体渲染详解

    Windows 灰度模式下的TrueType字体渲染效果

    在Windows XP 上,许多浏览器采用灰度模式渲染文本的。尽管渲染效果比不上Mac OS采用的次像素渲染技术,但字母在大尺寸下效果不错,边缘很平滑。

    字体渲染详解
    字体渲染详解

    Windows GDI ClearType模式下的TrueType字体渲染

    ClearType是微软对次像素渲染技术的一次借鉴。它最先供GDI使用,GDI是经典的Window应用程序接口(API)。尽管在Window XP平台上已可以使用,但是所有浏览器并未使用该技术。在Windows 7和Vista中,ClearTyep才默认开启,从而成为使用最为广泛的渲染技术(如果我们把所有的互联网用户算在内)。不过需要注意的是,这项渲染技术只运用在TrueType类的Web字体上——GDI-ClearType技术没运用在PostScript字体上。

    这项渲染技术有一个很奇怪的地方,微软水平方向上吸取了次像素渲染技术的优点,但是却彻底放弃了对字体垂直方向上平滑度的改进。因此ClearType实际上是次像素和黑白渲软技术的混合。结果字体轮廓线上出现锯齿,在大尺寸下,这点尤其明显。曲线顶部和底部的锯齿看起来非常不舒服,但是无法避免——即便是最好的字体微调也无法让其消失

    对于大尺寸的字体,ClearType在渲染质量是一种退步。水平方向上精确度带来的好处并不明显,而粗糙的渲染轮廓却毁了整体的效果。

    字体渲染详解

    字体渲染详解

    DirectWrite模式下的TrueType字体渲染。

    未来是光明的,至少对于Windows字体的渲染而言是这样的。在GDI技术的继任者DirectWrite中,微软为ClearType增加了垂直方向上平滑度。新的渲染模式(目前IE9在使用)在所有尺寸下都可提供平滑而精确的渲染。它与Mac OS的主要区别是Windows的DirectWrite仍试图将轮廓与全像素高度(full pixel heights)对齐。字体微调得当的话,此举可以获得更好的渲染效果。另外,DirectWrite可以进行次像素定位(subpixel positioning),从而使得字符间的间隙与设计的完全一致,另外该技术改善了字体纹理总体的匀称度。

    WINDOWS: PostScript 字体

    字体渲染详解字体渲染详解

    GDI灰度模式下PostScript字体渲染。

    在使用GDI渲染的浏览器中,PostScript类型的Web字体是通过灰度渲染显示的。不同于流行的GDI-ClearType模式,这种渲染模式使得字体轮廓平滑过度。与TrueType字体的微调不同,PostScript字体的微调要简单,甚至可以自动完成。

    字体渲染详解
    字体渲染详解

    DIrectWrite模式下的PostScript字体渲染。

    DirectWrite不仅可以让轮廓更为平滑,它也使用次像素渲染技术渲染Postcript字体。不过与TrueType字体渲染还是有些不一样,为了更能真实的反映笔画粗细。它使用了更多的灰色像素。该技术做了相当多的权衡,非常接近Mac OS的渲染效果。

    未来某个时候(浏览器厂商及用户采用新技术的速度不会如我们期望的那样快),DirectWrite将取代Windows陈旧的渲染方式,我们不用在纠结于是选择TrueType的Web字体还是选择PostScript的web字体。

    WINDOWS: 未微调字体

    字体渲染详解
    字体渲染详解

    灰度模式下的未微调字体。

    在Windows老式的灰度模式下,完全未做微调的字体效果出奇的好。因为字体未通过微调使自身与全像素“对齐”,另外栅格器也未作强制处理,其效果很接近iOS上的字体渲染。遗憾的是,目前来看未微调字体不宜使用。见下图

    字体渲染详解



    字体渲染详解

     

    GDI-ClearType渲染的未微调TrueType字体。

    有关Web字体渲染质量的诸多讨论中就提到过,GDI-ClrearType极度依赖良好的微调。水平方向上的笔画需要通过微调精确定义,不然笔画的宽度可能会恰当。在大尺寸情况下,微调也极为重要。未微调字体在轮廓线未正确对齐像素网格的地方会突出一些“结疤”出来,上面例子就可以看到这点。

    字体渲染详解字体渲染详解

     

    DirectWrite模式下的未微调字体渲染。

    在DirectWrite模式下,未微调的PostScript和TrueType这两种Web字体的渲染效果几乎完全相同。这两种格式的文本字体仍需要良好的微调才可确保笔画的清晰和一致性。屏显字体甚至可以侥幸避免未微调的不良后果,因为在大尺寸下,微调与否区别不大。

    MAC OS X

    字体渲染详解

    字体渲染详解

    OS X上的字体渲染

    在Mac OS系统上,所有浏览器使用的是Quartz渲染引擎。TrueType和PostScript字体都是以同样的方式渲染的,因此字体微调(hinting)被忽略了,而这正是两类字体在概念上最大的差别。Mac OS的次像素渲染技术非常牢靠,因此这是我们最不用担心的一个平台。栅格器不会试图理解构成字体的笔画及特征。因为万物都可用暗像素来呈现。字母形状不会解读,因而也就不会出现曲解的情况来。Quartz渲染引擎非常可靠,因为它不擅作主张。另外苹果似乎也会应用一些精妙的自动化措施增强渲染效果,但是这类自增强的技术没有文档说明,也完全超出我们的控制。

    不过在某些情况下,这类技术也会导致一些不理想的效果。比如在上面的这个例子中,大号的“T”因为其理论的高度不是全像素值,因此在字母顶部有一行模糊的灰线。而且Mac OS也不会强迫字母对齐。这点不受字体创作者控制。不过,这类模糊只会在特定的字体大小下才会发生。因此一般只需选择稍不同的字体大小即避免此问题。稍微试错后,我们便可找到看起来舒服而又清晰的字体大小。

    在Mac 上另外碰到的一个难以控制的现象是,字体会渲染的更重些。在文本字体大小下,这点差异尤其明显。同样的字体在Mac OS上看起来有点浓稠,而在Windows上则看起要清淡些。

    iOS

    字体渲染详解字体渲染详解

    iOS中的字体渲染

    iOS上的字体渲染遵循与Mac OS 一样的原理——两者之间的主要区别就是iOS目前尚未运用次像素渲染技术。原因可能是当设备旋转后,系统需要重新运算并渲染结果。因为次像素的排列方向发生变化了,另外苹果想尽可能较少CPU的使用。

    结论

    网站访客所用的操作系统及浏览器差异很大。有些是因为没及时更新,有些是因公司规定导致的,不是用户的错。我个人的意见是应该尽可能的给用户呈现最佳渲染效果,而不是指责操作系统厂商,或是要求用户换成更好的系统。

    在Mac OS和iOS上我们对渲染很难有任何控制权,但这可以接受,因为一般情况下渲染引擎非常可靠。不过有一个问题就是字体渲染的太过浓稠。或许有一天,Web字体服务可以根据不同的平台提供稍浓或者稍淡的字体来改善字体的一致性。

    在Windows上,微调极为重要,尤其是对TrueType字体而言(这是IE6-IE8唯一接受的Web字体格式)。除此之外,选择TrueType还是选择PostScript字体格式也会对渲染结果产生重大影响。除了小号微调字体外,PostScript格式在渲染效果方面不逊于甚至由于TrueType格式,另外字体的制作过程也要简单。尽管DirectWrite让Windows上的字体渲染效果更加愉悦,但是提供微调良好的字体仍有必要。

    实际应用:改善屏显字体的渲染效果

    一些Web字体提供商(比如Typekit和Just Another Foundry)已经开始提供PostScript格式的屏显字体。


    字体渲染详解

    字体渲染详解字体渲染详解字体渲染详解

    不同渲染环境下的JAF Domus Titling字体

    在IE6至IE8中,GDI CleartType的锯齿无法避免,其他环境下GDI ClearType可以得到平滑的渲染效果。IE6-IE8浏览器的市场份额仍然很大,目前还不适合提供不无法清晰渲染的字体,这意味着我们仍需要良好微调的字体,

     字体渲染详解

    Typekit上Underware设计室设计的Bello字体就是PostScript格式的Web字体(右),它比左边的TrueType字体轮廓要顺滑些。

    Typekit开始采用混合策略,提供PostScript格式的屏显字体,以便在Windows GDI模式下获得更为顺滑的渲染效果。但是这需要对字体视觉效果制定一些评判依据。

    “如何定义屏显字体?”你可能会问,实际上的确很难画出一条清晰的界线来定义屏显字体。一些字体制作商提供手工微调的高品质TrueType字体,用做正文文本字体也很不错(可惜的是在转换成PostScript字体后它会丢失微调信息)。一些文本字体很有可能在大尺寸的情况下使用。因此理想的情况是同一字体提供两套不同的格式。不过这会增加用户界面(和后端)的复杂度,目前还不适合采取这种方式。

    未来的发展

    越来越多的字体设计师开始留意使用Web字体所带来技术疑难问题,尤其是TrueType的微调。随着Web字体产业的增长,字体设计师会针对屏幕显示的特点。采取一些措施优化字体。不久的将来,我们有望看到大量精心打造的新字体面世(至少是对现有字体的更新)。

    随着屏幕分辨率的增加(以及对栅格器的重大改进),我们慢慢地不用在担心字体渲染的技术细节。采用GDI渲染模式的浏览器必将拖后腿(boat anchor),正因为这样,我们未来几年仍没办法大规模那些未作微调的TrueType字体。只有当这类浏览器用户比重降到很小时,TrueType字体的微调处理(这个过程相当耗时,并且需要相当高的技巧)才不会那么重要。尽管目前市面上的大多数Web字体都是TrueType格式,我仍希望字体行业能大规模转换成PostScript字体,因为这种格式几乎是所有字体设计师制作字体所用的原生格式(这种字体的制作要容易些)。

    相关资源

    ●《FireFox 6中的DirectWrite文本渲染》 Mozilla 官方博客

    ●《JAF Domus Titling  Web 字体》 Just Another Foundry

    ●《Typekit更新:改善Windows平台上的字体渲染》Typekit网站博客

    ●《Open Type/CFF格式相对True Type格式的优势》 Typblography

    转载于:https://www.cnblogs.com/zqhiuui/p/10209035.html

    展开全文
  • 支持多种字体加载方式:注册表加载:使用WINDOWS注册表加载,可以获得最无缝的体验、任何程序在启动时就可以完全获得完全的文字优化效果。停用和启用需要重新启动系统才能进行。服务加载方式:将MacType作为服务运行...
  • noMeiryoUI Windows字体修改工具 是由一位日本程序员Tatsu-syo开发的一款可以一键替换系统字体的设置工具,官方自带简体中文,noMeiryoUI的设置非常简便,直接选择好字体后一键应用即可。 软件只对主题字体风格进行...
  • 回家后面对 1080P 的 Windows 10(我一定要存钱上个 4K HDR!!!),面对这样难受的字体。心里万只草泥马奔腾啊。 多说两句,之前有做过 Monaco 与微软雅黑的混合字体,但是搁置两年了,毕竟空闲时...
  • MacType是一个渲染Windows系统字体的工具。效果如图,会很明显的加深,看起来更加舒服: 1. MacType官网 https://www.mactype.net/ 2. MacType源码 https://github.com/snowie2000/MacType 3. 安装 推荐用服务的...
  • MacType(原GDI ) 可以接管Windows系统的GDI字体渲染功能,简单实现字体的美化效果。 对于LCD来说MacType和微软的ClearType采用技术是类似的,都是采用的24位字体渲染技术。但MacType具有强大的可定制性和灵活性。 ...
  • 认识字体渲染

    千次阅读 2015-10-23 18:07:58
    Windows 7下IE9使用微软雅黑字体也可以看到这个现象)。肿么回事,这不科学!读完这篇文章后你就都懂了。 为什么相同的字体,在Mac OS上的显示效果「看起来」要比Windows上好看?这个问题我一直没有搞清楚,昨天...
  • [译]字体渲染背后不得不说的故事

    千次阅读 2016-11-23 13:30:59
    @Ryekee:最近在看关于字体渲染技术的时候在SmashingMagazine上看到了这篇文章,觉得算是对 Windows、MacOS 以及 iOS上渲染技术说的比较详细的了,就翻译成了中文,同步更新于Ryekee_Blog和localhost/Ryekee。有...
  • deepin系统默认就是hintfull,dde环境无法用gui应用来设置,要修改系统字体配置文件。 redrock 2016-3-9 11:06 博主你好,非常感谢你的12款桌面评测,我把桌面切换为kde了。有个问题请教:就是在此博内容里,第一...
  • 2018年4月28日更新:这个渲染包全兼容于deepin 15.3-15.5、Ubuntu16.04-18.04、LinuxMint18.1-18.3、debian8.7-9.22017年11月20日说明:在某网友的Deepin 12.12.1 32位老系统上完全兼容通过2017年11月更新说明:...
  • macOS上的字体显示效果非常舒服细腻,与之相比,Windows系统的字体显示效果就有些粗糙(最直观的感受就是锯齿超多)。Windows 系统上糟糕的字体显示体验主要是因为两个原因:1、默认字体“微软雅黑”有些跟不上时代了,...
  • GDI++ 的字体渲染引擎,用来模仿 Mac 的渲染风格,但是用起来配置很麻烦。 于是后来出现了 MacType,它完全免费且使用极其简单方便,只要下载、安装、运行,一切就都变美好了!它可以将苹果优秀的字体显示效果
  • 【转】字体渲染

    2017-02-20 15:44:00
    说到web性能,前端工程师很自然地反应是yahoo的30+条优化规则。这些规则可以将网页加载从...字体作为内容承载信息的重要部分,若使用不“适当”的字体或者字体由于渲染等缘故对用户不友好,则会(有可能)造成不必要...
  • 日常开发网页经常会使用一些特殊字体,比如思源黑体、苹方... 本文主要从字体格式、按需提取、统一渲染三个方面来谈谈优化字体的常用技巧。 转换字体格式 现在是 1202 年了,各主流设备基本都支持 woff2 字体格式,
  • 如何改善 Windows字体渲染是一个亘古不变的话题,长期以来大家都有这样的一个印象:Windows 上面的字体渲染相比 macOS 没有那么细腻清晰。实际上,也确实是这个样子,由于 Windows 世界中参差不齐的硬件和向前...
  • Windows下的字体渲染

    2013-08-22 16:14:40
    最近学习了一下Windows下的字体渲染,写个文档记录一下成果,方便回顾和分享。要在Windows平台下渲染字体主要有三种途径: 1. 调用Windows SDK提供的图形接口GDI/GDI+。 2. 调用DirectX提供的 D3DXCre
  • 微软雅黑字体最早出现在 Windows Vista 时代,尽管它设计很经典,但由于当时并未充分考虑高分辨率屏幕的优化,如今在 4K 高清屏下字体显示效果比隔壁苹果的 macOS还是差一截。 为了让字体显示更加清晰锐利,微软在...
  • 其中为了渲染矢量字体,接触了FreeType字体库。 读完FreeType文档之后,发现习以为常的字体里也有大学问,今天咱们来聊聊字体。 文章目录计算机字体里的学问前言:字体是什么?讲个故事:字体的表示原理位图矢量...
  • 使用 MacType 改善 IDEA 字体渲染

    千次阅读 2019-05-21 15:24:24
    前几天刚从Eclipse转到IDEA,但是IDEA的默认背景和字体看起来难受,作为一个轻度强迫症的我也不能忍受,替换了各种主题以及字体后还是不太理想,不经意间在V2EX看到一个老哥说道使用MacType渲染windows上的文字效果还...
  • WINDOWS10的自带的雅黑字体其实,并不是特别耐看,你可以对比一下Windows/Ubuntu/MacOS的字体,就会觉得Windows下的字体麻麻地,于是就有了MacType来帮忙渲染Mac的字体,有了noMeiryoUI来设置Windows字体。...
  • 日常开发网页经常会使用一些特殊字体,比如思源黑体、苹方字体等,因为这些字体在一般的宿主环境中是不存在的,需要通过 css 的 @font-face 定义,并从服务器中加载对应的字体文件,而...
  • 浅谈字体渲染

    千次阅读 2014-08-10 01:59:16
    由于某个需求,我需要了解一下关于字体渲染相关知识,以前没有接触过这个,所以启蒙就只能靠Google了。我先后找到了《认识字体渲染》和《一笔一划间蕴藏的学问 浅谈计算机字体》,有一点明白了,但只是看文章感觉很...
  • Windows字体渲染方案

    千次阅读 2013-01-04 22:01:34
    要在Windows平台下渲染字体主要有三种途径: 1.  调用Windows SDK提供的图形接口GDI/GDI+。 2.  调用DirectX提供的 D3DXCreateText 或是ID3DXFont的相关接口来实现。 3.  用GDI或是其他第三方库(如...
  • 渲染原理谈前端性能优化

    千次阅读 2019-06-03 17:56:26
    全文将从网络通信以及页面渲染两个过程去探讨浏览器的行为及在此过程中我们可以针对那些点进行优化,有些的不足之处还请各位不吝雅正。 一、关于浏览器渲染的容易误解点总结 关于浏览器渲染机制已经是老生常谈,...
  • 这里写目录标题一、css性能优化1.浏览器渲染顺序2.性能优化1.触发reflow的操作:3.触发reflow的操作:3.css性能优化3.刷新率二、浏览器渲染的具体流程1.构建DOM树2.构建CSSOM规则树3....几条关于优化渲染

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,069
精华内容 2,827
关键字:

windows字体渲染优化