如何强制我的网站使用 Google 字体而不是本地同名字体？

Question

我在网站上使用 Oxygen 字体 GoogleFont. However, for webdesign purpose, I downloaded in my computer the Oxygen font via FontSquirrel。

看起来是一样的，但看起来不一样，我有尺寸问题。所以我在想：

有没有办法声明“我想使用 GoogleFont 字体而不是存储在计算机中的字体，即使它具有相同的名称” ？

因为如果有人使用完全不同的同名字体，可能会出现很多显示问题。

编辑： 如何在 Google 的服务器上下载字体并将其托管在我的网站上？（该字体 100% 免费用于商业用途。）但为什么很多网站都使用 Google 字体，如果它可以这么简单？

Answer 1

如果您有 Web 字体，您可以自己托管并在 css 中给它们任意名称并避免加载本地字体的可能性。

例如：

@font-face {
font-family: 'myspecialfont';
src: url('oxygen-webfont.eot');
src: url('oxygen-webfont.eot?#iefix') format('embedded-opentype'),
     url('oxygen-webfont.woff2') format('woff2'),
     url('oxygen-webfont.woff') format('woff'),
     url('oxygen-webfont.ttf') format('truetype'),
     url('oxygen-webfont.svg#oxygenregular') format('svg');
font-weight: normal;
font-style: normal;
}
h1 {font-family: "myspecialfont", sans-serif;}

只需确保将 CSS 指向这些文件的正确路径（例如，如果将它们放在字体文件夹中，它可能是“../fonts/oxygen-webfont”）

人们使用 google 的主要原因是他们已经针对提供字体对其进行了优化，它减轻了您的服务器的负载，并且人们可能从 google 中缓存了字体以使其加载速度更快。如果它是一种不常见的字体并且您的服务器不错，则这些可以忽略不计。

如何强制我的网站使用 Google 字体而不是本地同名字体？

How can I force my website to use a Google font instead of a locally one with the same name?

css

fonts

google-webfonts