谷歌字体图标答案

【问题标题】：Google font icon谷歌字体图标
【发布时间】：2021-07-06 23:42:30
【问题描述】：

我们可以在同一个 html 页面中同时使用 google font 和 font awesome icon 吗？

<link rel="stylesheet" href="./stylesheet/style.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap" rel="stylesheet">

【问题讨论】：

是的，有什么问题？

标签： html css bootstrap-4 font-awesome

【解决方案1】：

不知道你在问什么，但你当然可以。 Google 字体用于您的字体（字体系列），而 font awesome 用于图标。

例子：

谷歌字体

h1{
font-family: 'Roboto';
}

字体真棒

<i class="fa fa-phone"></i>

【讨论】：