Google 字体图标

Question

我们可以在同一个 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">

Answer 1

不确定你问的是什么，但你当然可以。 Google fonts 用于您的字体（font-family），font awesome 用于图标。

示例：

Google字体

h1{
font-family: 'Roboto';
}

字体很棒

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

Google 字体图标

Google font icon

html

css

font-awesome

bootstrap-4