W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<!DOCTYPE html> <html> <head> <style> .p1 { font-family: "Times New Roman", Times, serif; } .p2 { font-family: Arial, Helvetica, sans-serif; } .p3 { font-family: "Lucida Console", "Courier New", monospace; } </style> </head> <body> <h1>CSS font-family</h1> <p>これは Times New Roman フォントの段落です:</p> <p class="p1">This is a paragraph, shown in the Times New Roman font.</p> <p>これは Arial フォントの段落です:</p> <p class="p2">This is a paragraph, shown in the Arial font.</p> <p>これは Lucida Console フォントの段落です:</p> <p class="p3">This is a paragraph, shown in the Lucida Console font.</p> </body> </html>