2024年に最適なfont-familyの書き方 - ICS MEDIA
ウェブサイトのフォントは何を指定すればよいのでしょうか？ CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 本記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー＆ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,
Adobe日中韓フォント、オープンソースで公開 - Googleも提供
Adobe revolutionizes how the world engages with ideas and information. Adobe Systemsは7月16日、日中韓の国語およびラテン文字、ギリシャ文字、キリル文字などをサポートしたフォント「Source Han Sans」をApache License 2.0のもとオープンソースソフトウェアとして提供を開始したと発表した。同フォントはGoogleによっても提供されており、Googleから提供されるバージョンはpan-Unicodeフォントファミリーの一環として「Note Sans CJK」という名称で提供されている。 「Source Han Sans」は日本語、中国語、韓国語のそれぞれの文字を同一のフォントファミリーとして開発されている点が特に注目される。フルフォントと地域別サブセットにはそれぞれ7種類の太さが用意さ
次世代Webページ高速化テクニック「シンボルフォント」
Webページを高速化するテクニックとして急速に普及がはじまっている「シンボルフォント」に関する説明が、A List Apartにおいて「The Era of Symbol Fonts」として掲載された。高トラフィックのWebサイトの中にはすでにシンボルフォントへの移行を済ませたものもあり、今後高速化テクニックとして広く普及する兆しを見せている。 同記事で紹介されているシンボルフォントのテクニックは、合字を活用してカスタムフォントを表示させるというもの。「f」と「i」が連続している場合、合字表示に対応したフォントであれば「fi」という1つのグリフが表示される。合字は自由に作成することができるので、この機能を使って特定の文字列を特定のグリフに対応させようというのが、シンボルフォントの技術上のポイントとなる。たとえば記事ではHomeやContactという文字列を合字として定義し、それら文字列がで
Google、「Android 4.0」の新システムフォント「Roboto」について説明
米GoogleでAndroidユーザーエクスペリエンス担当上級ディレクターを務めるマシアス・デュアルテ氏は11月10日（現地時間）、間もなくリリースする「Android 4.0（コードネーム：Ice Cream Sandwich）」に搭載する新しいシステムフォント「Roboto」について、自身のGoogle+で説明した。 デュアルテ氏は、従来のAndroidのシステムフォント「Droid」は低解像度で小さな画面でも見やすくすることを目的に設計されているため、スマートフォンからタブレットまで広範なディスプレイサイズの端末に搭載されるAndroid 4.0では、より高精細なディスプレイでも美しく、かつ低解像度の画面でも読みやすいフォントを設計することにしたと説明する。 Droidの文字は縦に長く、また標準と強調（ボールド）で横幅がかなり異なっているが、Robotoでは両者の横幅が同じになるよう
Getting Started - Google Font API - Google Code
Getting Started This guide explains how to use the Google Font API to add web fonts to your pages. You don't need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style. Contents A quick example Here's an example. Copy and paste the following HTML into a file: <html> <head> <link rel="stylesheet" type="text/css" href=
Monotype Imaging、フォントメーカーのAscenderを買収----スマートフォンを視野に
Monotype Imagingは、株式非公開企業Ascenderを1020万ドルで買収した。タイポグラフィックデザインの古き世界を、新しい時代のテクノロジに適応させようとする同社の狙いを示す、さらなる動きである。 マサチューセッツ州ウォバーンを拠点とするMonotype Imagingは、フォントを利用する新しいメディアに適応するための取り組みを強化しており、2010年9月には、ウェブベースのフォントサービスを開始している。Ascenderの買収（700万ドルの現金と320万ドルの株式で買収）により、同社はスマートフォン分野における足がかりを得ることになる。 というのもAscenderは、Googleの「Android OS」向けの「Droid」やMicrosoftの「Windows Phone 7」向けの「Segoe WP」などのフォントをデザインした企業だからである。同社は、セットト
【レポート】IE9、サブピクセル配置技術でテキストのズレを解消 | エンタープライズ | マイコミジャーナル
Windows Internet Explorer 9 Sub-pixel Fonts in IE9 - IEBlogにおいて、IE9で導入されるサブピクセルフォントレンダリングがもたらす効果が紹介されている。IE9ではIE9スタンダードモードでサブピクセルポジショニングが活用され、従来よりも正確にフォントサイズをレンダリングするようになる。この結果、IE8およびそれ以前のIE向けに制作したWebページのテキストは、IE9では別のサイズでレンダリングされることになる。IEBBlogにどういった変更があるのかが簡単にまとめられており参考になる。 Sub-pixel Positioning - ClearType Overviewより抜粋 MicrosoftはWindowsにおけるテキストレンダリングにサブピクセルポジショニングと呼ばれる技術を導入した。液晶ディスプレイは1ピクセルあたり3つの
モリサワと大日本スクリーン、フォント事業で協力 「MORISAWA PASSPORT」にヒラギノ収録
モリサワと大日本スクリーン製造は8月19日、フォントビジネスでアライアンスを締結したと発表した。モリサワの定額制フォントライセンス「MORISAWA PASSPORT」に、大日本スクリーンの「ヒラギノ」フォントを収録する。 MORISAWA PASSPORTは、「新ゴ」や「リュウミン」などモリサワの全フォントを年間5万2500円で利用できる定額制ライセンス。新たに「ヒラギノ角ゴシック」「ヒラギノ明朝」など13種類69書体が加わり、追加料金などは不要で利用できる。MORISAWA PASSPORTの収録フォントは合計504書体になる。 契約ユーザーには9月1日からアップグレードキットを発送する。新規向けパッケージは9月21日から出荷、店頭で購入できる「MORISAWA PASSPORT ONE」は10月8日に発売する。 ヒラギノフォントは2000年からMac OS日本語版に角ゴシックと明朝の
国内初、無料で日本語のウェブフォントが手軽に利用できる「デコもじ」
手描き字・丸文字・四角い系・四角て丸い系・くずし文字・アクセント付き・へた文字系・ゴシック系・明朝系・筆文字系・筆書体系・欧文(英数のみ)・変わり種フォントなど、約80種類の「ウェブフォント」（パソコンにインストールされているフォントではなく、サーバにアップロードされているフォントを指定して自由に表示させるCSS3 Web Fontsを使った技術、このサンプルを見るとよくわかる）が利用可能なネットサービスがこの「デコもじ」です。画像や通常のFlashとは違い、ちゃんと検索にも引っかかるというのがポイントです。「ブログの見出しにあの文字が使えればいいのに！」というのを実現してくれます。 ユーザー登録は無料となっており、無料で利用できるウェブフォントだけでなく、月額315円から利用できる有料サービスではさらにプロフォントとして「游ゴシック」「游築見出し明朝」「へんまろ」「トゥモローウォーク」な
【ν速フォント部】 一番かっこいいフォントって何？:アルファルファモザイク
■編集元：ニュース速報板より「【ν速フォント部】 一番かっこいいフォントって何？」 1 泡箱(dion軍) :2010/03/11(木) 23:04:28.77 ID:lQGbmatH● ?BRZ(10000) ポイント特典 古着調のダメージ加工がロックな英字フォント「AbbeyRoad1969」 アナログな手法で作り出した文字のかすれが特長 「AbbeyRoad1969」は、ダメージ加工が施された英字フォント。Windowsに対応するTrueTypeフォントで、 編集部にてWindows XPで動作確認した。非商用目的に限りフリーで利用可能な試用版を、 3月末までの期間限定で作者のWebサイトからダウンロードできる。 なお商用目的で利用したい場合には、本フォントを含む21種類のフォントが同梱された製品版を購入する必要がある。 英数字と記号を収録し、かすれているように見える
プロの現場でも使えるハイクオリティなフリーフォント「35 Latest High-Quality Free Fonts for Professional Designers」
プロの現場でも使えるハイクオリティなフリーフォント「35 Latest High-Quality Free Fonts for Professional Designers」 フォントのがデザインに与える影響はとても大きく、フォントの選び方でデザインの感覚がガラリとかわったりします。今日紹介するのはプロの現場でもプロの現場でも使えるハイクオリティなフリーフォントを集めたエントリー「35 Latest High-Quality Free Fonts for Professional Designers」です。 Kilogram 今日は今までDesigndevelopで紹介した事が無いフォントを中心にいくつか気になったフォントをピックアップして紹介したいと思います。 詳しくは以下 ■ Franchise とにかくスタンダードな書体。汎用性があります。 ■Bada Bing ギリギリ文字と認識で
「2009年のWeb制作情報のまとめ」のまとめ - かちびと.net
復習用。探すのが面倒なので備忘録的 に2009年のまとめをまとめます。時間 がある時に見て自分の必要なものを 確認しようと思います。同じお思いの 方とシェアしようと思ってエントリー。 Web制作関連のみになっています。 かなり時間がかかりそうなので正月辺りにもチェックします。こういうのは一気にやりたい。 100 Best Photoshop Tutorials From 2009 Photoshopチュートリアルベスト100。膨大な量です。 100 Best Photoshop Tutorials From 2009 The Best Free Fonts of 2009 2009年のベストフリーフォント12個。50 Best Free Fonts From 2009も同サイトで発表されました。 The Best Free Fonts of 2009 The Best jQuery Plu
美しい手書きフォント45選 – creamu
手書きフォントを探している。 そんなときにおすすめなのが、『45+ Most Wanted Beautiful Free Hand Drawn Fonts』。美しい手書きフォント45選だ。 以下にいくつかご紹介。 ↑はFFF Tusj。 Sketch Rockwell HandVetica Mellyboo Font Teenage angst This are the most popular hand drawn fonts that used on the web and free to download. Most of these are available under a Creative Commons License. Make sure to check details before using for commercial use. webで最もよく使われていて無料でダ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://web1.nazca.co.jp/hp/nzkchicagob/m2r0897/mretw9na.html
「Unicode 6.0」が策定、絵文字が国際標準に
++blue in the Shell++ - ナメック語で遊ぼう！
http://www.webbibo.com/stylesheet/font/font_inspect/font_inspect_list.html
IDEA * IDEA