平方字體是一款現(xiàn)代化的字體，它具有優(yōu)美的外觀和卓越的可讀性。在Web設(shè)計(jì)中，平方字體越來(lái)越受到歡迎，因?yàn)樗軌蛸x予網(wǎng)站風(fēng)格化的外觀。在此，我們將介紹如何使用CSS引用平方字體。
@font-face {
font-family: 'Poppins';
src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
font-style: normal;
font-weight: 400;
font-display: swap;
}
body {
font-family: 'Poppins', sans-serif;
}步驟 1 ：首先，您需要在網(wǎng)站中引用平方字體。您可以通過(guò)在HTML頁(yè)面的 <head> 部分中添加以下代碼來(lái)引用平方字體：
<link rel="stylesheet">
步驟 2 ：在CSS中定義 @font-face 規(guī)則。以下是一個(gè)示例：
@font-face {
font-family: 'Poppins';
src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
font-style: normal;
font-weight: 400;
font-display: swap;
}在此代碼中，您定義了字體名稱(chēng)（'Poppins'），字體文件的URL，以及字體風(fēng)格和重量。
步驟 3 ：接下來(lái)，將定義的字體應(yīng)用于所需的元素中。在以下示例中，字體應(yīng)用于 body 元素：
body {
font-family: 'Poppins', sans-serif;
}現(xiàn)在，您已經(jīng)成功地使用CSS引用了平方字體。您可以在其他元素中使用相同的屬性來(lái)應(yīng)用字體，例如標(biāo)題和段落。