9月更新・前月(8月)の人気記事トップ10 09/02/2024
- ( 01 – ) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について
- ( 07 ↑) 【Mac】macOSをHigh SierraからMontereyにアップグレード
- ( 03 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法
- ( 10 ↑) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方法
- (圏外↑) 【Labs】CSSだけでドロップダウンメニュー
- ( 02 ↓) 【jQuery】入門2. jQueryをHTMLに組み込む
- ( 09 ↑) 【Mac】Safariでソースコードを見る方法
- ( 04 ↓) 【jQuery】入門7. jQueryで新しいWindowを開く
- ( 06 ↓) 【2024年5月】iPad画面解像度まとめ
- (圏外↑) 【GIMP】レイヤーをロック
【Labs】いい感じな英語フォントでWebフォント
こんにちは（・∀・）
前回の【Labs】いい感じな日本語フォントでWebフォントで良い感じの日本語フォントをご紹介しました。今回は英語版となります。
いつも言ってますが、ここでいう「いい感じ」というのは、字体ももちろんそうですが、フリーで個人・商用利用も可のことを言います。
Webフォント
Webフォントの指定方法はこちらのページ【CSS3リファレンス】@font-faceを参考にしてください。
1. Alaska Free Font
ページ内の「Free Download」をクリック。ダウンロードページへ移動したらもう一度「Free Download」をクリック。するとファイルが自動でダウンロードされます。Alaska Free Fontは大文字のみの対応です。
ダウンロードしたファイルを解凍、「Alaska Font.ttf」をfont-familyで指定。
サンプルデモ
The font of this sample demo has been downloaded by (Alaska Free Font), and (Alaska Font.ttf) is uploaded to a server and used as a web font.
2. Classical Monoline Script Font
Classical Monoline Script Font
ダウンロードはページ中程の「Subscribe to Unlock」欄にメールアドレスを入力して「UNLOCK NOW」をクリックして送信。送られてきたメール内の「Download Now」をクリックするとファイルがダウンロードされます。
ダウンロードしたファイルを解凍、「Classical.ttf」をfont-familyで指定。
サンプルデモ
The font of this sample demo has been downloaded by (Classical Monoline Script Font), and (Classical.ttf) is uploaded to a server and used as a web font.
3. Extra Cheese Font Collection
ダウンロードはページ中程の「Subscribe to Unlock」欄にメールアドレスを入力して「UNLOCK NOW」をクリックして送信。送られてきたメール内の「Download Now」をクリックするとファイルがダウンロードされます。Extra Cheese Font Collectionは大文字のみの対応です。
ダウンロードしたファイルを解凍、「ExtraCheese-Regular.ttf」をfont-familyで指定。
サンプルデモ
The font of this sample demo has been downloaded by (Extra Cheese Font Collection), and (ExtraCheese-Regular.ttf) is uploaded to a server and used as a web font.
4. Highlander Marker Script Font
ダウンロードはページ中程の「Subscribe to Unlock」欄にメールアドレスを入力して「UNLOCK NOW」をクリックして送信。送られてきたメール内の「Download Now」をクリックするとファイルがダウンロードされます。
ダウンロードしたファイルを解凍、「Highlander.ttf」をfont-familyで指定。
サンプルデモ
The font of this sample demo has been downloaded by (Highlander Marker Script Font), and (Highlander.ttf) is uploaded to a server and used as a web font.
5. Homemade Brush Script Typeface
Homemade Brush Script Typeface
ダウンロードはページ中程の「Subscribe to Unlock」欄にメールアドレスを入力して「UNLOCK NOW」をクリックして送信。送られてきたメール内の「Download Now」をクリックするとファイルがダウンロードされます。
ダウンロードしたファイルを解凍、「Homemade One.ttf」をfont-familyで指定。
サンプルデモ
The font of this sample demo has been downloaded by (Homemade Brush Script Typeface), and (Homemade One.ttf) is uploaded to a server and used as a web font.
6. Medel Font (Free)
ダウンロードはページ下段の「Download Medel」をクリックするとファイルがダウンロードされます。
ダウンロードしたファイルを解凍、「Medel.ttf」をfont-familyで指定。
サンプルデモ
The font of this sample demo has been downloaded by (Medel Font (Free)), and (Medel.ttf) is uploaded to a server and used as a web font.
7. Plebis Free Font
ダウンロードはページ中程の「DOWNLOAD」をクリックするとダウンロードページへ移動します。ダウンロードページ内の「ダウンロード」ボタンをクリックするとファイルがダウンロードされます。
ダウンロードした「PLEBIS.otf」をfont-familyで指定。
サンプルデモ
The font of this sample demo has been downloaded by (Plebis Free Font), and (PLEBIS.otf) is uploaded to a server and used as a web font.
8. Stay Classy - Free Font
ダウンロードはページ上段にある「DOWNLOAD」をクリックするとダウンロードページへ移動します。ダウンロードページ内の「Download」ボタンをクリックするとファイルがダウンロードされます。
ダウンロードしたファイルを解凍、「Stay Classy SLDT.ttf」をfont-familyで指定。
サンプルデモ
The font of this sample demo has been downloaded by (Stay Classy - Free Font), and (Stay Classy SLDT.ttf) is uploaded to a server and used as a web font.
9. Vindica Rebel Brush Font
ダウンロードはページ中程の「Subscribe to Unlock」欄にメールアドレスを入力して「UNLOCK NOW」をクリックして送信。送られてきたメール内の「Download Now」をクリックするとファイルがダウンロードされます。
ダウンロードしたファイルを解凍、「Vindica.ttf」をfont-familyで指定。
サンプルデモ
The font of this sample demo has been downloaded by (Vindica Rebel Brush Font), and (Vindica.ttf) is uploaded to a server and used as a web font.
関連リンク
【Labs】いい感じな日本語フォントでWebフォント
【CSS3リファレンス】@font-face