長い間、リソースの制約により、使用できるフォントが限られていたため、Web サイトの開発は妨げられていました。しかし、現在 Google は新しい Web サービス「Google Web Fonts」を開始しました。このサービスを使用すると、Web サイトで Google のさまざまなフォントを使用できるようになります。使用するフォントに制限はありません。 以下に、いくつかの手順でそれを実行する方法を簡単に説明します。 フォントを選択 これを行うには、Google http://www.google.com/webfonts を開いて、好きなフォントを選択します。 ![]() 選択したフォントコードを取得する この例では、「Eater」フォントが使用されます。フォント コードを取得するには、開いているページで次の操作を行う必要があります。 ![]() 次に、HTML での検証エラーを回避するために、「/」タグを追加する必要があります。したがって、次のようになります。 コードをコピー コードは次のとおりです。<link href='http://fonts.googleapis.com/css?family=Eater' rel='スタイルシート' type='text/css' /> 上記のコードをコピーし、次のように <HEAD> タグの後に配置します。 コードをコピー コードは次のとおりです。<ヘッド> <link href='http://fonts.googleapis.com/css?family=Eater' rel='スタイルシート' type='text/css'/> ... <!-- その他の HTML コード --> ... ウェブページにCSSコードを追加する これで、CSS でプロパティ「font-family」を設定することで、このフォントを使用できるようになります。たとえば、第 1 レベルの見出しすべてに同じフォントを使用する場合は、次の CSS スタイルを追加する必要があります。 コードをコピー コードは次のとおりです。h1 { フォントファミリー: 'Eater'、筆記体; } |
>>: iframeを使用してページを呼び出すとページがキャッシュされるかどうかの簡単な分析
目次1. Nginx の紹介1. Nginx とは何ですか? 2. Nginx を使用する理由3. ...
<html:reset> タグを使用すると、リセット ボタンが無効になり、ボタンをクリッ...
簡単に言えば、MySQL ワーム レプリケーションは、クエリされたデータを指定されたデータ テーブル...
目次1. MySQL の時刻型2. タイムゾーンを確認する3. 不正な時間値4. 厳密モード5. 事...
<br />1年前、インターネット上にはinline-blockプロパティに関する記事は...
この記事では、MySQL 8.0.11のインストールチュートリアルを参考までに紹介します。具体的な内...
JS アニメーションの代わりに CSS アニメーションを使用する必要があるのはなぜですか? Java...
目次 はじめに 同期 非同期とブロッキング JavaScript のノンブロッキング コールバック ...
MySQL の行から列への操作いわゆる行から列への操作は、テーブルの行情報を列情報に変換することです...
HTML img タグ: Web ページに導入される画像を定義します。興味深い usemap 属性も...
伝統的な方法は、正方形を固定形式で書くことです。長さ=幅を直接書き、次のように固定値を書きます。 。...
目次1. 従来のコレクションに対するフィルター、マップ、および削減処理方法2. 再帰処理3. for...
前面に書かれた環境: MySQL 5.7+、MySQL データベースの文字エンコードは utf8、テ...
背景: 一部の実験はサーバー上で完了する必要があります。したがって、リモート サーバー上のコードをロ...
2 つ以上のブロックレベル ボックスの垂直に隣接するエッジが重なり合っています。結果として得られる境...