質問 1: ブラウザに必要なフォントを表示するように指示するにはどうすればよいでしょうか? フォント フェイスの後にフォント名を入力するだけですか? 残念ながら、物事はそれほど単純ではありません。フォントの名前はオペレーティング プラットフォームによって異なる場合があります。 たとえば、Courier は MAC では Courier New と呼ばれます。あるマシンでは Italic と呼ばれるフォントが、別のマシンでは Oblique と呼ばれる場合があります。注意深く研究すれば、この例がもっとたくさん見つかります。 したがって、フォントと呼ぶ名前は、必ずしもコンピューターがそのフォントに使用する名前と同じではありません。また、使用するフォント名がコンピューター上のフォント名と同じであることを確認する必要があります。 では、コンピュータのフォントの正確な名前をどのように判断するのでしょうか?これは、コンピューターで使用されるオペレーティング プラットフォームによって異なります。 • Windows ユーザー: Word などのアプリケーションのフォント メニューに表示されている正確なフォント名を使用します。 •Mac ユーザー: アプリケーションがリストするフォント名を信頼しないでください。代わりに、システム フォルダーを開き、そこにあるフォントのスペルに従ってスタイル シートでフォント名を使用します。 フォントシリーズ フォント ファミリは、フォントを参照する CSS の名前属性です。基本的な構文は次のとおりです。 コードをコピー コードは次のとおりです。H2 { フォントファミリー: ヘルベチカ, インパクト、サンセリフ} Web ブラウザがスタイルシートを解釈する方法のルールは次のとおりです。まず、リスト内のフォント名 (helvetica) を検索し、そのフォントがコンピューターにインストールされている場合はそれを使用します。インストールされていない場合は、次のフォント(impact)に移動し、そのフォントもインストールされていない場合は、3 番目のフォント(sans-serif)に移動します。 sans-serif フォント パラメータは、ブラウザが信頼できる最後のパラメータであり、ブラウザにデフォルトの sans-serif フォント (おそらく Arial) を使用するように指示します。 使用しているブラウザの実際の表示結果は以下の通りです。 CSS フォント制御は完璧です。 リストには任意のフォント名を追加できます。これは、さまざまなオペレーティング プラットフォーム上のフォント名がわからない場合に間違いなく良いアイデアです。注: ブラウザでは小文字の名前が優先されます。もちろん、すべての項目をテストすれば問題はありません。 汎用フォントをフォント リストの最後のオプションとして常にリストすることをお勧めします。以下の中から選択できます。 •serif(Timesの場合もある) •サンセリフ体(Arial または Helvetica も可) •筆記体(おそらくComic Sans) •ファンタジー(おそらくランサム) •等幅フォント(おそらくCourier) (注: Netsacpe Communicator は Cursive や Fantasy をサポートしていません) その他のフォント名のヒント: •フォント名が Gill Sans のように複数の単語で構成される場合は、CSS コード内でフォント名を引用符で囲みます。 BODY { フォントファミリー: "gill sans", "new baskerville", serif } • CSS ルールをインラインで追加する場合は、一重引用符を使用します。 コードをコピー コードは次のとおりです。<P スタイル="フォントファミリー: 「ギルサンス」、「新しい baskerville', serif">テキスト ここに記入します。</P> • CSS ルール仕様をグループ化し、フォント ファミリを含める場合は、フォント ファミリを最後にリストします。例: コードをコピー コードは次のとおりです。H2 { 色: 赤; 余白: 10px; フォントファミリー: times, セリフ} • フォント ファミリが最後にリストされていない場合、IE 3 では CSS ルール全体が無視されることがあります。奇妙ですが、事実です。 フォント ファミリ属性を使用すると、フォント名でフォントを呼び出すことができ、<FONT FACE> タグを使用する際の柔軟性が向上します。 |
<<: vue3 タイムスタンプ変換 (フィルターを使用せずに)
>>: Linux システムで TCP 接続を作成するプロセスの紹介
1. システムにログインし、ディレクトリに入ります: cd /etc/sysconfig/netwo...
1. 背景1. vSphere の共有ストレージの背景を簡単に紹介するvSphere の重要な機能は...
目次1. システムイメージファイルをダウンロードする2. 新しい仮想マシンを作成する3. Kali ...
目次1. 需要方法1方法2方法3 2. 実装3. 問題解決質問1: トークンの複数回の更新を防ぐ方法...
背景Alibaba Cloud RDS for MySQL(MySQL バージョン 5.7)データベ...
目次シンプルな CASEWHEN 関数:これは、CASEWHEN 条件式関数を使用するのと同じです。...
1. 公式MySQL Yumリポジトリをダウンロードしてインストールする 実行ファイル: mysql...
目次1. 序文2. ポップアップコンポーネントを2つ見つける3. 自分で作る3.1. Promise...
MySQL 8.0.18 安定版 (GA) が昨日正式にリリースされ、Hash Join も期待通り...
今回は、実行中のコンテナをイメージにパッケージ化して Alibaba Cloud にアップロードし、...
序文以前、Docker の 2375 Remote API を有効にしていました。会社のセキュリティ...
1. イジェクトが推奨されないのはなぜですか? 1. eject を実行した後、どのような変化があり...
目次序文Vue CLI での設定基本コードVueルーターの登場ネストされたルートの設定要約する序文V...
目次序文実装のアイデア実装手順1. Nginxをコンパイルする2. 設定ファイルは以下のとおりです要...
目次FastDFSについて1. 画像を検索する2. イメージをインストールする3.1. 必要なディレ...