CSS Web Safe Fonts| サンプル書き方 | 実例タグ | プロパティ・セレクタ| 1

2018-07-01 css-demo

Web Safe Fonts CSS コードサンプル DEMO ページ

<!DOCTYPE html>
<html>
<head>
<title>CSS Web Safe Fonts  Example</title>
  <style>
	.sans-serif-font {
		font-family: Arial, Helvetica, sans-serif;
	}
	.serif-font {
		font-family: "Times New Roman", Times, serif;
	}
	.monosp.webref3e-font {
		font-family: "Courier New", Courier, monosp.webref3e;
	}
  </style>
</head>
<body>
<h1>Web Safe Fonts  CSS プロパティ Example</h1>
    <h2>Normal Text (通常のテキスト) </h2>
   <p class="sans-serif-font">This is normal text in sans-serif font
     <br>(これはサンセリフフォントの通常のテキストです)</p>

<p class="serif-font">This is normal text in serif font
    <br>(これは、serifフォントの通常のテキストです)</p>
  
   <p class="monospace-font">This is normal text in monospace font
     <br>(これは固定幅フォントの通常のテキストです)</p>
  
   <h2>Bold Text (太字)</h2>
   <p class="sans-serif-font"><b>This is bold text in sans-serif font
     <br>(これはsans-serifフォントの太字です)</b></p>
  
   <p class="serif-font"><b>This is bold text in serif font<br>(これはセリフフォントの太字です)</b></p>
   
   <p class="monospace-font"><b>This is bold text in monospace font
     <br>(これはモノスペースフォントの太字です)</b></p>
</body>
</html>

Web Safe Fontsサンプル実行結果

：Web Safe Fonts ・ Web Safe Fonts, コード関連記事

全てリセット

CSS Web Safe Fonts | サンプル書き方 | 実例 DEMO タグ | プロパティ・セレクタ | 1 | 書き方 — CSS Web Safe Fonts | サンプル書き方 | 実例タグ | プロパティ・セレクタ | 1 – WebRef

2018-07-01css-demo

CSS Web Safe Fonts| サンプル 書き方 | 実例 DEMO タグ | プロパティ・セレクタ| 1 | 書き方

Web Safe Fonts CSS コード サンプル DEMO ページ

Html

Glossary

PHP

JavaScript

JQuery

CSS

CSS Web Safe Fonts| サンプル書き方 | 実例 DEMO タグ | プロパティ・セレクタ| 1 | 書き方

Web Safe Fonts CSS コードサンプル DEMO ページ