Windows 10 CSS:如何将fonts.google.com到my file.CSS的样式表链接(从外部到内部)转换为CSS类?

Windows 10 CSS:如何将fonts.google.com到my file.CSS的样式表链接(从外部到内部)转换为CSS类?,windows-10,fonts,html,css,Windows 10,Fonts,Html,Css,我在fonts.google.com上有这个2选项副本 <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400&display=swap" rel="stylesheet&q

我在fonts.google.com上有这个2选项副本

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400&display=swap" rel="stylesheet">

<style>
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400&display=swap');
</style>
那么,如何将google字体样式链接转换为类?

您需要设置字体系列,如下所示:

多尼亚扎布先生{ 字体系列:源Sans-Pro,Sans-serif; 颜色:3434; } 如果您访问,您将看到它是一个带有@font-face声明的CSS文件。所有这些声明都将字体族名称定义为源Sans Pro,这使您可以在CSS中的其他位置引用该名称

这也显示在link或@import的其他代码段下面,例如:

您需要设置字体系列,如下所示:

多尼亚扎布先生{ 字体系列:源Sans-Pro,Sans-serif; 颜色:3434; } 如果您访问,您将看到它是一个带有@font-face声明的CSS文件。所有这些声明都将字体族名称定义为源Sans Pro,这使您可以在CSS中的其他位置引用该名称

这也显示在link或@import的其他代码段下面,例如:


我的问题是css的这一部分,它没有告诉我什么wght@200;300;400&display=swapmy的问题是css的这一部分,它并没有告诉我什么wght@200;300;400&显示=交换
.doneazab {font-family: sans-serif;color: #343434;}