資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學如何在網頁上使用 Google Fonts？
Google Fonts 是一款免費的電腦和網頁字型服務。它於 2010 年推出，由 Google 所有。2021 年增加了開源圖示支援。它包含 1576 個字型家族，其中包括 352 個可變字型家族。Google Fonts 的官方網站是 fonts.google.com。就像 Font Awesome 圖示一樣，Google Fonts 是使用 <link> 元素新增到網站的。讓我們看看如何在網頁上新增和使用 Google Fonts。
功能
輕鬆在您的網頁上插入 Google Fonts
它擁有超過 1000 個字型家族
選擇字型時，請檢視樣本。
還提供了字型測試工具
直接下載任何字型家族
設定字型的連結
為了在我們的網頁上新增字型，我們使用了 Google Fonts。使用 <link> 元素將其包含在網頁中：
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet"/>
在您的網頁上包含 Google Fonts
要在您的頁面上插入 Google Fonts，請使用 font-family 屬性並在 <body> 元素下設定它：
<style>
body {
font-family: "Permanent Marker", cursive;
font-size: 22px;
}
</style>
示例
要在您的網頁上使用 Google Fonts，程式碼如下：
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet"/>
<style>
body {
font-family: "Permanent Marker", cursive;
font-size: 22px;
}
</style>
</head>
<body>
<h1>Google fonts example</h1>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Debitis non a quos repudiandae doloribus cumque! Ex rem rerum aut maiores.
</p>
<h2>1 2 3 4 5 6 7 8 9 10</h2>
</body>
</html>
更新於：2023-12-21
瀏覽量 330
廣告