Html 谷歌字体CSS定制

Html 谷歌字体CSS定制,html,css,fonts,google-fonts,Html,Css,Fonts,Google Fonts,我正在使用谷歌字体CDN在我的项目中使用蒙特塞拉特。 使用CDN应用CSS不会产生与本地安装在我的计算机上的字体相同的结果 以下是使用CDN的结果: 以下是使用本地安装字体的结果: 您可以注意到本地安装的字体更粗体。我希望使用CDN获得与本地安装字体相同的效果 这是我的密码: 身体{ 字体系列:“蒙特塞拉特”,无衬线; } .中等至25岁{ 字体大小:25px; 字号:500; } .常规-50{ 字体大小:50px; } .bold-italic-72{ 字体大小:72px; 字号:7

我正在使用谷歌字体CDN在我的项目中使用蒙特塞拉特。

使用CDN应用CSS不会产生与本地安装在我的计算机上的字体相同的结果

以下是使用CDN的结果:

以下是使用本地安装字体的结果:

您可以注意到本地安装的字体更粗体。我希望使用CDN获得与本地安装字体相同的效果

这是我的密码:

身体{ 字体系列:“蒙特塞拉特”,无衬线; } .中等至25岁{ 字体大小:25px; 字号:500; } .常规-50{ 字体大小:50px; } .bold-italic-72{ 字体大小:72px; 字号:700; 字体:斜体; }

Lorem ipsum door sit amet,concetetur adipising

Lorem ipsum dolor-sit

Lorem ipsum door sit amet,Concertetur adipising elit。多洛雷姆·伊瓦克·伊万尼特·富吉亚特酒店 这是一个智慧的世界。这是一个很好的例子。阿特克 多洛里巴斯、埃尼姆和伊尔姆是自由的代表。 Lorem ipsum dolor sit amet,奉献精英。一个有能力的人去实践 软体动物无犯罪行为的官方证据 沃卢帕蒂布斯,沃卢帕蒂姆。铜酸盐


从外观判断,您在CDN中选择了不同的字体,可能有多个版本的字体,如CND字体中列出的常规中粗体字体。您必须查看特定的字体页面才能看到不同的厚度

尝试:

请注意400600,这些是可用的字体厚度

身体{ 字体系列:“蒙特塞拉特”,无衬线; } .常规-50{ 字体大小:50px; 字号:600; }
显示如何嵌入Google字体。您是否包含了您正在使用的所有字体权重?您是对的,在复制之前,我没有在“自定义”选项中选择所有字体权重