如何为google web font-family/ font -weight组合添加别名？
为了为Google Web字体的font-family/font-weight组合添加别名，您可以使用CSS的@font-face规则和font-family属性来实现。
首先，您需要在CSS文件中导入Google Web字体。您可以通过在<head>标签中添加以下代码来实现：
<link href="https://fonts.googleapis.com/css?family=FontName:weight" rel="stylesheet">其中，FontName是您想要使用的Google Web字体的名称，weight是字体的粗细程度（如400表示正常，700表示粗体）。您可以根据需要选择不同的字体和粗细。
接下来，您可以使用@font-face规则为字体添加别名。在CSS文件中，添加以下代码：
@font-face {
font-family: AliasName;
src: local('FontName'), url('https://fonts.googleapis.com/css?family=FontName:weight') format('woff2');
font-weight: weight;
}在上述代码中，AliasName是您为字体组合定义的别名，FontName是您之前导入的Google Web字体的名称，weight是字体的粗细程度。
最后，您可以在需要使用该字体组合的元素中，使用定义的别名作为font-family属性的值。例如：
h1 {
font-family: AliasName, sans-serif;
}在上述代码中，h1元素将使用您定义的别名作为字体。
这样，您就成功为Google Web字体的font-family/font-weight组合添加了别名。请注意，这只是一种方法，您可以根据需要进行调整和修改。
腾讯云相关产品和产品介绍链接地址：
相关·内容
TL;DR：DEMO 我使用的是google web字体Poppins，它有半粗体的风格。要使用它，我必须添加： body { font-weight: 600;
} 我想知道是否有方法(如果有，如何)将font-family和font-weight的组合命名为新的字体系列，以便我可以通过添加以下内容来使用它： body {
浏览 14提问于2019-05-16得票数 0
4回答
* background-color: #ffcc66; font-family: Comic Sans MS;}{border-bottom-style: solid; border-bottom-color: #000033;{ font-weight: bold;{
font-family: G
浏览 0提问于2018-05-07得票数 0
回答已采纳
5回答
在我的HTML中，我包含了直接从Google加载字体的代码。这是我的CSS： font-family: 'Roboto', sans-serif;color: white;
浏览 7提问于2017-03-24得票数 1
回答已采纳
4回答
在我看来，Mobile Safari在使用Google字体的所有文本中添加了少量的字母间距，或者它使用了另一种字体。我尝试使用哪种Google字体(Open Sans)并不重要。family=Roboto' rel='stylesheet' type='text/css'> <h2 style="font-family: 'Roboto'"&g
浏览 0提问于2015-03-03得票数 30
1回答
向Web应用程序添加字体文件
、、、、
我正在开发ASP.NET web窗体应用程序，我使用的是VisualStudio2019。我想添加两个新的字体到应用程序，我添加了下面的方式，它的工作，如预期的。我已经检查了Firefox，Google和New的更改，它运行良好，我只是在每种字体中添加了一个文件类型，如下所示。@font-face { src:url('.{
font-f
浏览 5提问于2021-07-05得票数 0
回答已采纳
我需要导入google字体，但由于需求，我不能使用普通的嵌入方法。有办法在样式表中@导入google字体吗？编辑：为了澄清，我已经添加了以下代码，没有成功(返回404)：
@import url(http://fonts.googleapis.com/css?
浏览 4提问于2013-04-18得票数 0
回答已采纳
CSS： font-family: 'DymaxionScriptRegular'; url('DymaxionScript-webfont.svg#DymaxionScriptRegular') format('svg');
font-weight</e
浏览 6提问于2011-05-16得票数 1
回答已采纳
6回答
我正在使用谷歌字体在我的几个网页，并撞墙时，试图使用变体字体。示例：我尝试了以下所有属性作为字体系列的属性，但没有骰子：谷歌文档本身并没有提供多少帮助。有人知道我应该如何编写CSS规则来显示这些变体吗？
浏览 11提问于2011-08-31得票数 142
回答已采纳
3回答
在哪里可以下载字体或google字体并将其直接上传到css文件中：font-style: normal;src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');
浏览 4提问于2015-02-04得票数 2
回答已采纳
3回答
他们有一个使用.woff谷歌字体的例子：
@font-face font-family: "HU_Adrien";}
font-family: "HU_Adrien";
浏览 8提问于2013-09-25得票数 13
5回答
<style type="text/css"> font-family: 'Computer Modern Typewriter'; font-weigh
浏览 52提问于2019-09-19得票数 0
回答已采纳
1回答
当我指示一个web浏览器()打开一个使用Roboto的网页时，它仍然会去谷歌下载字体。使用浏览器扩展(如 )注入CSS代码将产生同样的效果。下面是我写的代码： font-family: 'Roboto'; font-weight: 400; font-family: 'Roboto';
浏览 5提问于2020-07-05得票数 0
4回答
Pros:
我在本文中看到了，在我下载的web字体包示例中也看到，[font-family, font-style, font-weight]的每个组合都被定义为一个单独的字体}
{ font-family: &q
浏览 0提问于2018-01-23得票数 12
下面是我放入CSS中的代码： src: url('Montserrat-SemiBold.woff2') format('woff2Montserrat-SemiBold.woff') format('woff'), font-weight
浏览 3提问于2021-11-26得票数 0
我在CSS样式表中使用Google Web字体，如下所示 font-family: 'Open Sans'; font-weight我使用了Google Chrome资源检查器，它指出了上面的问题谢谢
浏览 0提问于2013-08-08得票数 0
Condensed:400,700|Roboto:900|Tinos:700&subset=greek-ext,latin-ext);
我现在的问题是:当我的页面加载时，它确实正确地加载了字体，但是当涉及到嵌入的Google
浏览 0提问于2014-03-11得票数 1
回答已采纳
4回答
我正在尝试使用CSS为我们的网站添加自定义字体： background: #999999 url("../images/pattern29.png"); font: 14px/25px Verdana, Verdana, sans-serif;但是，每当我更改字体时
浏览 0提问于2013-08-18得票数 0
10回答
一个小时以来，我一直在试图找到将Google导入到VueJS组件中的方法，但我似乎找不到解决方案，甚至之前StackOverflow问题中的内容都没有效果。我发现的所有答案现在都是1.5到2岁。
浏览 0提问于2018-07-25得票数 52
回答已采纳
我看到许多网站使用不同的字体，这些字体不在我的电脑中，但它们显示在我的浏览器中。这些页面的源代码包括以下脚本：
浏览 0提问于2013-06-11得票数 0
family=Cabin+Sketch:400,700' rel='stylesheet' type='text/css' >body {font-style: normal;color: #dbdbdb;}
来自a-z的字母正常工作，但其他任何字符，如.
浏览 4提问于2012-04-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
