Google Web Fonts でウェブサイトに無制限のフォントを追加
|
長い間、リソースの制約により、使用できるフォントが限られていたため、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を使用してページを呼び出すとページがキャッシュされるかどうかの簡単な分析
推薦する
MySQLでユーザー認証情報を表示する具体的な方法
具体的な方法： 1. コマンドプロンプトを開く2. mysql -u root -pコマンドを入力し...
VMware15 仮想マシン ブリッジ モードでインターネットにアクセスできない問題の解決方法
説明 ソリューションVMware 15 仮想マシン ブリッジ モードではインターネットにアクセスでき...
WeChatミニプログラムはどのようにしてユーザー情報とユーザーの電話番号を同時に取得するのか
今日ログインページを書いていたとき、個人情報と携帯電話番号を認証する必要がありましたが、ページにボタ...
nginx をシャットダウン/再起動/起動する方法
閉鎖サービス nginx 停止systemctl 停止 nginx起動するサービス nginx 開始...
MySQL で特定の日、月、または年のデータをクエリするためのコードの詳細な説明
今日 テーブル名から * を選択します。ここで、to_days(時間フィールド名) = to_day...
Docker Compose は MySQL に接続するために SpringBoot プロジェクトをデプロイしますが、そこで遭遇する落とし穴があります。
先ほど、Docker を使用して SpringBoot プロジェクトを簡単にデプロイし、Docker...
MySQL で自動インクリメントシーケンスを実装するためのサンプルコード
1. シーケンステーブルを作成する テーブル `sequence` を作成します ( `name` ...
Linux RabbitMQ クラスタ構築プロセス図
1. 全体的な手順冒頭で、RabbitMQ サービスをインストールして実行する方法を紹介しましたが、...
親要素に対する CSS 子要素の固定配置ソリューションの詳細な説明
基本概念絶対配置: 絶対配置に設定された要素ボックスはドキュメント フローから完全に削除され、その包...
JavaScript 操作要素の例
操作要素の詳細については、前回の記事を参照してください。JavaScript WebAPI、DOM、...
Vue 天気予報入門
この記事では、参考までに天気予報を実装するためのVueの具体的なコードを紹介します。具体的な内容は次...
MySQL 5.7 MGR シングルマスター決定マスターノード方式の詳細説明
当銀行のMGRは年末に開始されます。公式文書を読んだり、毎日テストを受けたりしなければなりません。毎...
IDEA は MySQL への接続時にエラーを報告します。サーバーが無効なタイムゾーンを返します。タブに移動して serverTimezone プロパティを設定してください。
これからの道は常に困難で、棘だらけです。歯を食いしばって、乗り越えられると信じてください。さあ、さあ...
Vue のレスポンシブ原則と双方向データの詳細な分析
応答性を実現するための object.defineProperty の理解observe/watch...
Vue プロジェクトがページング効果を実現
ページング効果は、参考までにvueプロジェクトに実装されています。具体的な内容は次のとおりです。 1...