CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

WebページでGoogleFontsを使用するにはどうすればよいですか？

ウェブページでGoogleFontsを使用するには、コードは次のとおりです-

例

<!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>

出力

上記のコードは次の出力を生成します-

WebページでGoogleFontsを使用するにはどうすればよいですか？


  1. Google Fonts とは:Google Fonts の使い方と知っておくべきことすべて

    Google — これは、私たちの世界全体を構成する 1 つの用語です。知りたいことが何であれ、答えを求めて Google にたどり着きます。 Google は、世界中の何百万人ものユーザー (満足度の高い顧客) に高く評価されている幅広いサービスを提供しています。 Google は単なる検索エンジンではありません。 Gmail、Google 翻訳、Google ドライブ、Google Play ミュージックなど、Google が提供するいくつかのサービスについては既に認識しています。それで、Google Fontsについて聞いたことがありますか？はい、ずっと人目につかないところに隠れていま

  2. Google Duo の使い方

    Google デュオ は、オーディオおよびビデオ通話で友人や家族とつながることができる素晴らしいアプリです。 Google Duo には素晴らしい機能が複数あります、 群衆の間でそれを成功させました。それは、現在、家で立ち往生していると感じている人々への救世主として浮上しています.ビデオ通話アプリはいくつかありますが、これは Google の製品として最適です。ただし、アプリケーションに限定されず、Web プラットフォームとしても機能します。そのため、Zoom Meeting アプリに飽きたら、Google Duo を使用して少人数の友人や同僚に電話をかけることができます。 Google Du