Question

我已将这些字体样式添加到我的页面

    <link href='https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic' rel='stylesheet' type='text/css' />
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=latin,cyrillic' rel='stylesheet' type='text/css' />
    <link href='https://fonts.googleapis.com/css?family=Philosopher:400,400italic,700,700italic&subset=latin,cyrillic' rel='stylesheet' type='text/css' />

如何使用css将它们添加到我的页面中，以便我的css中没有这些外部链接

我试过这个

@font-face {
  font-family: 'Roboto';
  src: url('https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic');
}

但在我的控制台（我使用Mlozilla）中我得到了

可下载字体：由清洁工拒绝

在Chrome中，错误显示：

无法解码下载的字体：https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic

然后我下载了与Roboto字体相关的文件并尝试了

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../content/fonts/roboto/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2') format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

但没有任何反应。

Answer 1

您可以转到每个Google字体链接并将其保存为css文件，其名称如下：

转到此链接，然后复制并保存到名为roboto的文本文件中，并将.txt更改为.css（roboto.css）

https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic

然后将此css文件添加到您的html中：

<link href='roboto.css' rel='stylesheet' type='text/css'>

并为每个谷歌字体链接做类似的事情。

用于本地链接woff2文件，例如访问此链接，将下载字体，将其保存在名为opensans-light.woff2

的名为文件夹的字体中

https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2

然后像

一样使用它

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/opensans-light.woff2) format('woff2');
}

Answer 2

很简单

在href代码
中的<link>方法中打开链接
例如 https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic
复制你喜欢的css风格
将其粘贴到.css文件

Answer 3

您可以从css导入脚本，并可以在html元素中设置字体系列。

Public Function Func(Byval MyRange as range) as variant

Dim i, j As Integer  

With MyRange.parent    
    j = .Range(MyRange.Offset(0, -2), MyRange.Offset(0, -2)).Value    
    For i = 1 To j    
        MyRange.Formula = "=" & .Range(MyRange.Offset(0, -1), MyRange.Offset(0, -1)) & i & "))" & "&char(10)"       
    Next i       
End With

End Sub

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic');

html {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

按上面的“运行代码段”查看是否有效。

Answer 4

您可以对CSS使用@import规则

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic&subset=latin,cyrillic');

在CSS文件的头部导入这样的内容，一切都会正常工作

使用css

4 个答案: