CSS 谷歌字体

谷歌字体

如果您不想使用 HTML 中的任何标准字体,则可以使用 Google Fonts API 向页面添加数百种其他字体。

只需添加一个样式表链接并引用您选择的字体系列:

实例

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
  5. <style>
  6. body {
  7. font-family: "Sofia";
  8. font-size: 22px;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <h1>Sofia Font</h1>
  14. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
  15. </body>
  16. </html>