GVKun编程网logo

Google Webfonts在Windows上的Chrome中呈现不稳定状态(谷歌不稳定)

16

本文的目的是介绍GoogleWebfonts在Windows上的Chrome中呈现不稳定状态的详细情况,特别关注谷歌不稳定的相关信息。我们将通过专业的研究、有关数据的分析等多种方式,为您呈现一个全面的

本文的目的是介绍Google Webfonts在Windows上的Chrome中呈现不稳定状态的详细情况,特别关注谷歌不稳定的相关信息。我们将通过专业的研究、有关数据的分析等多种方式,为您呈现一个全面的了解Google Webfonts在Windows上的Chrome中呈现不稳定状态的机会,同时也不会遗漏关于c – 如何使用mingw与msys在windows上编译googletest?、Chrome 获得自己的截图工具,Windows 上支持 Google、css – Chrome在Windows上使用多种语言和Web字体时包装文本、css – Google Webfonts在Firefox,Chrome和Opera中的呈现方式不同的知识。

本文目录一览:

Google Webfonts在Windows上的Chrome中呈现不稳定状态(谷歌不稳定)

Google Webfonts在Windows上的Chrome中呈现不稳定状态(谷歌不稳定)

我在我的网站上使用Google Webfonts服务,并且在很大程度上依赖它。它在大多数浏览器上都能正常显示,但是在Windows上的Chrome中,显示效果尤其糟糕。非常断断续续和像素化。

到目前为止,我发现Chrome需要先加载.svg格式的字体。但是,我使用的字体称为Asap,仅在.woff中可用。我使用免费的在线服务将其转换为.svg,但是当我将其添加到样式表中(.woff之前)时,它没有任何改变。

我也尝试过:

-webkit-font-smoothing: antialiased;text-shadow: 0px 0px 0px;

希望这两种方法都能帮助文本更流畅地呈现。

答案1

小编典典

Google终于在Chrome 37中本机修复了此问题!!!但是由于历史原因,我不会删除此答案。

问题
由于chrome实际上无法使用正确的抗锯齿渲染TrueType字体,因此造成了该问题。但是,chrome仍然可以很好地渲染SVG文件。如果您以woff上方的语法将对svg文件的调用上移,Chrome将下载svg并使用它而不是woff文件。您建议的一些技巧很有效,但仅适用于某些字体大小。

但是此错误是Chrome开发人员团队众所周知的,自2012年7月以来一直在修复。请在此处查看官方的错误报告线程:https : //code.google.com/p/chromium/issues/detail?id= 137692

2013年10月更新(感谢@ Catch22)
显然,某些网站在渲染svg时可能会遇到间歇性间距问题。因此,有更好的方法对其进行蒙皮。如果您使用特定于Chrome的媒体查询调用svg,则间距问题将消失:

@media screen and (-webkit-min-device-pixel-ratio:0) {  @font-face {      font-family: ''MyWebFont'';      src: url(''webfont.svg#svgFontName'') format(''svg'');  }}

第一种方法解决方案:
Fontspring的防弹语法已修改为首先投放svg:

@font-face {    font-family: ''MyWebFont'';    src: url(''webfont.eot'');     src: url(''webfont.eot?#iefix'') format(''embedded-opentype''),         url(''webfont.svg#svgFontName'') format(''svg''),         url(''webfont.woff'') format(''woff''),         url(''webfont.ttf'')  format(''truetype'');}

c – 如何使用mingw与msys在windows上编译googletest?

c – 如何使用mingw与msys在windows上编译googletest?

我的需要很简单我必须使用MinGW与msys在 Windows上编译和使用googletest.有没有人有这样做的经验?

感谢您的答案.

解决方法

它花了我一段时间,但我想出来了.这是面对同样问题的人的指南.

为了能够在Windows上编译GoogleTest,请按照以下说明进行操作:

我假设你已经和MSYS一起使用MinGW了.
>从官方网站http://www.cmake.org/下载并安装CMake.使用Win32安装程序
版.一旦你完成了安装过程,复制可执行文件
“xxx / CMake / bin”到“xxx / MinWG / bin”.
>从http://www.python.org/下载并安装Python.再次,Windows安装程序执行此工作
精细.
一旦你完成安装过程,复制“python.exe”
形成python文件夹
“XXX / MinWG / bin” 中.
>从http://code.google.com/p/googletest/下载最新稳定的GoogleTest,并将其解压缩到某个文件夹中.
>运行MSYS终端并执行以下命令.

cd xxx/gtest-x.x.xcmake -G "MSYS Makefiles"make

>如果您有来自pthread的编译错误,请遵循these说明.
>将包含文件夹“xxx / gtest-x.x.x / include”复制到您的MinGW gcc include中.
将库文件“xxx / gtest-x.x.x / *.a”复制到MinGW gcc lib中.
>编译测试时,将“-lgtest”参数添加到gcc.

编辑
评论者是对的可执行的应对工作对我来说很普遍,这不是一个好习惯.尝试使用symbolic link.

Chrome 获得自己的截图工具,Windows 上支持 Google

Chrome 获得自己的截图工具,Windows 上支持 Google

谷歌现在已经开始为 Windows、macOS、Linux 和 ChromeOS 上的 Chrome 浏览器开发自己的截图工具。除了截图工具,谷歌还计划提供对谷歌镜头的支持,允许用户从浏览器的上下文菜单中快速反向搜索图像。

谷歌的截图工具包含在 Chrome 的新共享菜单中,它将让用户更容易从网页中快速截图,类似于 Microsoft Edge 的网页截图。根据 Chromium 存储库,谷歌今年开始为 Chrome 开发原生截图工具。

Chrome 获得自己的截图工具,Windows 上支持 Google Lens

与 Microsoft Edge 类似,谷歌浏览器的屏幕截图将打开一个选择工具,允许您在浏览器中捕获内容。目前尚不清楚您是否也可以向下滚动并捕获整个网页,但此功能很可能会包含在最终版本中。

Chrome 获得自己的截图工具,Windows 上支持 Google Lens

根据今天早些时候发布的 Chromium 补丁,屏幕截图将自动保存到您的剪贴板。在 Windows 10 上,您可以使用云剪贴板功能来存储多个屏幕截图并跨多个设备同步它们。

您还可以下载图像、共享图像或打开编辑器来更改屏幕截图。

在移动设备上,可以通过多种方式访问​​ Google Lens。对于桌面用户,Google 正在努力向上下文菜单添加一个新选项,以使用 Google Lens 反向搜索图像。

目前,Chrome 的上下文菜单包括“在 Google 中搜索此图片”,它由 Google.com Images 的反向搜索功能提供支持。

Chrome 获得自己的截图工具,Windows 上支持 Google Lens

谷歌现在正在桌面版 Chrome 中用“使用谷歌镜头搜索图像”取代谷歌图像集成,允许用户使用谷歌镜头搜索图像。

为了测试这些新功能,您首先需要下载 Google Chrome 的 Canary 版本。默认情况下将启用 Chrome Lens,但您需要使用 Chromium 标志菜单来打开桌面共享中心和屏幕截图工具。

安装构建后,您需要导航到浏览器的标志菜单并启用“桌面共享中心”的标志。这将在地址栏中添加一个共享中心。

对于屏幕截图工具,您需要启用另一个标志“#sharing-desktop-screenshots”。

屏幕截图工具目前无法使用,该功能很可能会在即将到来的版本中启用。

除了新功能外,谷歌和微软也在致力于改进Windows上Chrome 的性能。

css – Chrome在Windows上使用多种语言和Web字体时包装文本

css – Chrome在Windows上使用多种语言和Web字体时包装文本

我有一个阿拉伯语和英语内容的网站,我使用网页字体为标题设置样式,一些按钮 Source Sans Pro为英语,Droid Arabic Kufi为阿拉伯语,所以基本上我的css看起来像这样:
.header {
    font-family: 'Droid arabic Kufi','Source Sans Pro',sans-serif;
}

当元素具有浮动样式或显示为内联块时,问题发生在Windows上的Chrome中,它出于某种原因包装文本,即使没有必要,这是一个示例:

这是Mac上的示例,它显示在一行上,宽度为156px.

这是Windows上的示例,它显示在154px宽度的两行上.

如果我添加white-space:Nowrap;元素窗口将显示正确,真正令人感到奇怪的是它使用相同的宽度154px.

我不想申请白空间:Nowrap;因为有时我需要包装文本,找到我们需要使用自定义字体但不包装文本的地方并不容易.

我认为这个问题与白色空间有关,特别是因为我遇到的问题有时是whitespace is replaced by a rectangle on Chrome

此问题仅在Windows上的Chrome中显示.

解决方法

我有类似的问题,并使用white-space:Nowrap;不是一种选择.

我们只需要等待Chrome更新,因为我在chrome beta channel v32中测试了相同的页面并且没有执行不必要的包装.

css – Google Webfonts在Firefox,Chrome和Opera中的呈现方式不同

css – Google Webfonts在Firefox,Chrome和Opera中的呈现方式不同

我在使用Google网络字体时遇到了一些问题.

我正在使用谷歌Webfont称为“苦涩”.
但在Firefox和Chrome中,它的呈现方式不同. Chrome和Opera似乎以类似的方式呈现它.它没有太大的不同,但它搞砸了段落的格式和组成.

这是CSS:

.small-col h3{

color: #606060;
font-family: 'Bitter',Georgia,"Times New Roman",Times,serif;
font-size: 16px;
line-height: 20px;
margin-bottom: 2px;
letter-spacing: -0.06em;

}

这是我正在谈论的问题的屏幕截图:
http://i49.tinypic.com/2u46mpi.png

有谁能建议我如何在Firefox,Chrome和Opera中获得一致的渲染?

谢谢

解决方法

字体永远不会在所有浏览器中呈现相同的内容.他们使用不同的渲染引擎 – 尝试让每个浏览器上的网站看起来完全相同是一个失败的原因.

对于您的具体问题,请使用不间断的空间以防止接触和我们分开.

<p> ... contact&nbsp;us </p>

今天关于Google Webfonts在Windows上的Chrome中呈现不稳定状态谷歌不稳定的介绍到此结束,谢谢您的阅读,有关c – 如何使用mingw与msys在windows上编译googletest?、Chrome 获得自己的截图工具,Windows 上支持 Google、css – Chrome在Windows上使用多种语言和Web字体时包装文本、css – Google Webfonts在Firefox,Chrome和Opera中的呈现方式不同等更多相关知识的信息可以在本站进行查询。

本文标签: