Web フォント
HTML5 & CSS3 for beginners.
<!DOCTYPE html> <html> <head> <link href='http://fonts.googleapis.com/css?family=Gabriela' rel='stylesheet' type='text/css'> <style> .hand{ font-size:36px; font-family: 'Gabriela', serif; } </style> </head> <body> <h3>Web font</h3> <div class="hand">HTML5 & CSS3 for beginners.</div> </body> </html>
フリー Web フォントの参考サイト
- Google font - http://www.google.com/webfonts
- fonts.com - http://www.fonts.com/web-fonts
- M+フォント - http://mplus-fonts.sourceforge.jp/webfonts
Web font - bold
HTML5 & CSS3 for beginners.
<!DOCTYPE html> <html> <head> <style> .bold{ font-size:36px; font-family: 'Gabriela', serif; font-weight:bold; } </style> </head> <body> <h3>Web font - bold</h3> <div class="bold">HTML5 & CSS3 for beginners.</div> </body> </html>