另外,最好有列出进行布局和整形的开源库的列表。
似乎Google现在以斜体显示Open Sans Regular 400.其他人遇到同样的问题?
各种网站的预览工具也是如此.此屏幕截图来自http://typecast.com/preview/google/Open%20Sans

我正在使用PhantomJS通过Codeception运行一些自动化测试.当我生成屏幕截图时,页面显示但没有文本,例如下面的示例.
这是我用来安装phantomjs的脚本.我正在使用CentOS 7.1
echo "## Install phantomjs dependencies"
sudo yum install freetype-devel fontconfig-devel libicu-devel gcc glib libpng-devel bison sqlite-devel gperf flex libjpeg-devel -y
echo "## Install phantomjs"
cd ~
PHANTOM_JS="phantomjs-2.1.1-linux-x86_64"
wget https://bitbucket.org/ariya/phantomjs/downloads/$PHANTOM_JS.tar.bz2
sudo mv $PHANTOM_JS.tar.bz2 /usr/local/share/
cd /usr/local/share/
sudo tar xvjf $PHANTOM_JS.tar.bz2
sudo ln -sf /usr/local/share/$PHANTOM_JS/bin/phantomjs /usr/local/share/phantomjs
sudo ln -sf /usr/local/share/$PHANTOM_JS/bin/phantomjs /usr/local/bin/phantomjs
sudo ln -sf /usr/local/share/$PHANTOM_JS/bin/phantomjs /usr/bin/phantomjs
sudo rm -fr $PHANTOM_JS.tar.bz2
phantomjs -v
Run Code Online (Sandbox Code Playgroud)
我最初的想法是我错过了一个字体库,但是从我在phantomjs网站上看到的内容我应该拥有所有的软件包.
我目前正在动态创建一个位图,并使用位图中的图形对象在其上绘制一个字符串,如下所示:
System.Drawing.Graphics graph = System.Drawing.Graphics.FromImage(bmp);
graph.DrawString(text, font, brush, new System.Drawing.Point(0, 0));
Run Code Online (Sandbox Code Playgroud)
这将返回一个矩形位图,其中字符串从左到右直接写入.我也希望能够画出彩虹形状的弦乐.我怎样才能做到这一点?
我需要知道给定字体句柄的文本字符串的宽度(或字体名称+字体大小+字体样式数据).
在Windows中我以前使用GetTextExtentPoint()
我正在使用Materialisecss,它使用Google设计图标.在某些手机上,可以显示Google Material-Icons.是什么造成的?
我熟悉在不同浏览器和/或操作系统中渲染Web字体的差异.但有几个问题:
我使用的是在Chrome中看起来像垃圾的网络字体(woff),但在FF(在Windows 7上)可以.有一天,我通过远程桌面从家里使用我的办公室电脑.我注意到这个字体现在看起来像FF中的垃圾.它与办公室里的Chrome看起来很相似.(我没有在家测试Chrome).我知道远程桌面以某种方式减少了"图形",但不完全是如何,我不知道它如何影响字体渲染.当我第二天来到办公室时,FF的渲染仍然搞砸了.我想远程桌面会话对"图形"的更改仍然有效.我使用Chrome检查,现在呈现在该浏览器在FF看起来不错,像以前一样!?所以我重新启动计算机以恢复我通常的"图形设置",但这没有帮助.然后我清除了字体缓存并重新启动.现在我又回到了糟糕的Chrome渲染和OK FF渲染.
我的问题:
当我连接远程桌面(设置= 32位颜色深度)时,"图形"一般会发生什么,尤其是字体渲染?我的猜测是,无论发生什么变化,FF和Chrome都会使用另一种渲染方法.
重启计算机后,效果如何仍然存在."渲染结果"是否以某种方式存储在字体缓存中,因为它似乎?看起来很奇怪.
谢谢你的建议.
我浏览了 fontconfig 的文档,我可以理解 fc-match 和 fc-list 的目的。我不明白 fc-cache 的作用是什么?它如何帮助设备理解与字体相关的事物?
谁能解释一下 fontconfig 中 fc-cache 的目的是什么?
谢谢。
在这一点上,我只能猜测,电子(或其某些组成部分)的责任在于模糊的文本,在Atom中还会轻轻地闪烁.通过鼠标点击将焦点转移到编辑器中的代码,瞬间锐化文本,但在大约1-2秒的时间内逐渐软化成模糊.
以下代码段中的各种值组合(在Atom中使用styles.less实现)不起作用:
atom-text-editor,
atom-text-editor.editor,
html {
-webkit-font-smoothing: subpixel-antialiased;
text-rendering : optimizeLegibility;
}
Run Code Online (Sandbox Code Playgroud)
Visual Studio Code 1.10.2(Shell 1.4.6):

process.versions 输出:
process.versions 输出:
Windows 10 Home 64位(最新),1080p 60Hz显示器,Nvidia GTX 980M(驱动程序最新),无自定义显示缩放.
从哪里开始解决这个问题?
text-rendering ×10
fonts ×2
freetype ×2
harfbuzz ×2
android ×1
antialiasing ×1
atom-editor ×1
bitmap ×1
c# ×1
cocos2d-x ×1
css3 ×1
electron ×1
font-face ×1
fontconfig ×1
gdi+ ×1
materialize ×1
phantomjs ×1
screenshot ×1
svg ×1
thai ×1
truetype ×1