谷歌浏览器 如何修改字体

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了谷歌浏览器 如何修改字体相关的知识,希望对你有一定的参考价值。

我郁闷了
在选项里面改了
到百度又是宋体
其他网站有的宋体有的雅黑
我嘞个去 怎么弄啊 全部弄成雅黑! 求助!!!
我终于知道了。。。
楼下几个根本没看我的题目
我说已经改了 还有部分网页显示不了
是因为google没有强制修改网页的字体 网页如果设置了字体就无法修改
我下了个插件 就ok了

1、打开Google浏览器后,在其地址栏的右侧有三横的一个图标,点击,然后选择设置.

2、进入设置页面后,下拉,可以看到网络内容中有自定义字体的设置,点击后可以进行相应的设置,然后完成即可

参考技术A 楼主你好,本人就是用的Force Microsoft Yahei Font插件很好用,主要不占进程! 参考技术B

所有浏览器使用的字体都跟本机的Internet选项里有关,

设置→Internet选项。

或:控制面板→Internet选项。

步骤1.2.3.

参考技术C 设置--选项--高级选项--更改字体和语言设置 参考技术D 直接在设置里字体的自定义修改就可以吧

谷歌字体加载说明

【中文标题】谷歌字体加载说明【英文标题】:Google Fonts loading explained 【发布时间】:2017-01-31 01:44:37 【问题描述】:

我想知道,谷歌字体如何找出要加载的字体。例如,当我在我的 CSS 中使用它时

@import '//fonts.googleapis.com/css?family=Roboto:300';

它返回一个立即解释的 CSS(这个资源的加载甚至会阻止浏览器渲染 afaik):

/* cyrillic-ext */
@font-face 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;

/* cyrillic */
@font-face 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;

// ...and some more

我一直认为,当您在 CSS 中提供 url(...) 时,浏览器会立即加载此资源。

但是,当您打开这支笔 http://codepen.io/anon/pen/EgkvEr 并查看您的网络选项卡(可能会清除您的缓存)时,您会看到它加载了两个资源:http://fonts.googleapis.com/css?family=Roboto:300,然后是 http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2,这是正常的拉丁语范围(定义在加载字体css的底部):

/* latin */
@font-face 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;

那么,浏览器会查看您使用的字符,然后加载使用的字体吗?还是取决于您的浏览器设置?我找不到任何记录此行为的资源(或者我正在搜索错误的关键字)。 我怀疑这与 CSS 底部的 unicode-range: 有关。

【问题讨论】:

【参考方案1】:

    浏览器读取@import 指令,该指令告诉他加载这个由Google 提供的CSS 页面:http://fonts.googleapis.com/css?family=Roboto:300。此页面会立即加载。

    在该页面中,有一些url() 指令告诉浏览器字体文件的位置。 浏览器在需要这些字体之前不会下载它们。例如,如果该字体从未被任何元素使用,则浏览器不会下载它。

我怀疑它与 CSS 底部的 unicode-range: 有关。

是的,就是这样。 unicode-range 指定该字体包含哪类字符(例如,西里尔字符)。如果您的页面中没有这种风靡一时的字符,则不会下载这些字体。

供参考:https://en.wikipedia.org/wiki/Unicode_block

【讨论】:

另一个参考 - developer.mozilla.org/en-US/docs/Web/CSS/@font-face/…【参考方案2】:
    浏览器执行页面布局并确定在页面上呈现指定文本所需的字体变体。 对于每种需要的字体,浏览器都会检查该字体是否在本地可用。 如果文件在本地不可用,它会遍历外部定义:
如果存在格式提示,浏览器会在开始下载之前检查它是否支持它,否则进入下一个。 如果没有格式提示,浏览器会下载资源。

Google web font optimization

【讨论】:

以上是关于谷歌浏览器 如何修改字体的主要内容,如果未能解决你的问题,请参考以下文章

如何将谷歌浏览器字体设置成雅黑

如何修改谷歌浏览器标题栏的字体大小?

如何设置谷歌chrome浏览器的字体

谷歌浏览器字体模糊

如何在Chrome谷歌浏览器下设置小于12px的字体

谷歌浏览器怎么改变网页字体大小