AppleのWebエンジニアMyles Maxfieldさんが投稿したこの記事は「Webコンテンツは時に根幹となるプラットフォームでレンダリングされた時に全体的に合うようにデザインされている場合がります。このプラットフォームのシステムフォントをiOS とOS Xで使用する1つの方法はCSSのfont-familyプロパティの値に”-apple-system”を使用する事です。この方法を使用することでiOS 9とOS X 10.11ではAppleの新しいシステムフォント”San Francisco”を使えるようになります。”-apple-system”は”font-weight” CSSプロパティに作用し、最新のiOS／OS Xで最適なWeightを選択してくれます」というもので、 Web content is sometimes designed to fit in with the ov
現在、Firefox Nightly としてリリースされている、Firefox 36 で、unicode-range デスクリプタがサポートされました。unicode-range は @font-face デスクリプタで、読み込んだフォントの適応範囲を指定します。 例えば、ある要素内のテキストのうち、特定の文字のみ、あるいは特定の文字コード範囲に含まれる文字のみを、別のフォントで置き換えたい場合などに、unicode-range でその文字や文字コード範囲を指定することができます。 4.5 Character range: the unicode-range descriptor - CSS Fonts Module Level 3 Editor's Draft 27 October 2014 unicode-range デスクリプタの使い方 こういう指定が妥当というか実用的かは別として、
1年以上前から、ちゃんと調べたいと思っていたけど、やっていなかった。 CSS Font Loading Module Level 3は、2014/06/30時点で最終草案(Last Call Working Draft) になっている。CSS Font Loading Module Level 3はフォントのローディングに関する仕様書。 CSS Font Loading Module Level 3 - W3C Last Call Working Draft, 22 May 2014 最新のEditor's Draftはこっち。 CSS Font Loading Module Level 3 - Editor’s Draft フォントについての仕様書はCSS Font Module Level 3で、2014/06/30時点で勧告候補(Candidate Recommendation)にな
最近のブラウザーではlocal()を使ってフォント・ファミリーのショートカット(的なもの)を作ることができる。CSS Fontsモジュール仕様のsrcプロパティーの項にも思いっきり書いてあるんだけど、今まではそんなに必要なかったのであまり使われていない。5ウェイト展開なヒラギノ角ゴのiOS 7へのバンドルと、3ウェイト展開の游ファミリのWindowsへのバンドルにより必要性が少し増えた気がする。 特に游(ゴシック|明朝)はWindows 8.1とOS X 10.9でファミリ名が違う上、少し古いFirefoxでのアレとか、OS Xには細字がないとかもあるので、色々考慮するとfont-familyプロパティーではややこしいフォント指定を行う必要が出てくる。そうやって出来た長いリストのfont-familyは読みづらく、デバッグのしづらさにつながる。local()を使ってフォント名を作り直してや
はじめに 2017/01/20現在、挙動のテストが追いついていないので、このページを訪れる人に役立つと思われるリンクを置いておきます。 https://speakerdeck.com/tacamy/modanri-ben-yu-huontozhi-ding https://rxon.now.sh/crossPlatformYu.md 以下は2013年11月の情報なので参考にしないでください(その間にChoromeがDirectWriteに対応してnameテーブルの参照メタデータが変わったりしていて、設定すべきfont-family値が変わっていることが大きな要因です)。 序文 Windows8.1とOS X Mavericksのリリースが開始されました。 Windows8.1ではRC版にインストールされていた游ゴシックに加えて、游明朝もインストールされています。 OS X Maverick
Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日本語フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日本語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可
2011年04月04日 最強のフリーフォントとは何か？ Tweet 3コメント ｜2011年04月04日 00:00｜ソフト・アプリ等｜Editタグ ：フリーフォント >http://hato.2ch.net/test/read.cgi/news/1298189678/ニュース速報板「フリーのフォントで最強は何よ」 2 ： セフ美(チベット自治区)：11/02/20 17:15 ID:kDArdp7l0 ↑フォントに？ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 3 ： 買いトリーマン(catv?)：11/02/20 17:15 ID:FpxRH34xi あくびん 5 ： ポケモン(チベット自治区)：11/02/20 17:15 ID:dHsZwsjX0 しねきゃぷしょん 6 ： カバガラス(大阪府)：11/02/20 17:15 ID:EEJaL/CVP gdi＋＋
Webfont 사용하기 | FRENDS.KR http://frends.kr/topics/webfont-%ec%82%ac%ec%9a%a9%ed%95%98%ea%b8%b0/ @font-faceでのWebフォントについて。 それぞれのブラウザごとのFont Type対応表 Daum_Regular.ttfを例にしてのFont Typeごとのフォントサイズ比較 レンダリングの違いではWindowsの場合ブラウザによってまちまちな描画になっている。 →結論としてWiindowsで綺麗にフォント表示するには画像かフラッシュを使うしかない… Webフォント表示方法の比較(ライブラリやPHPやFlashを使ったもの) -Comparison of web fonts solutions | SocialCompare - Comparisons community で、この中で一番よ
FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える！便利でクールなFirefox拡張機能（アドオン）の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox
自分はWindowsを使っているときはWindowsXPなのですが、標準のフォントがあまりきれいではない。 特に、毎日長い時間使っているFirefoxは標準がMS Pゴシックとなっていて、もっときれいなフォントで読みたいと思っていた。 ところで、Vistaでは標準の日本語フォントがメイリオというものになっている。 このフォントはClearTypeフォントというタイプのフォントで、アンチエイリアス効果が非常に効いている。 そこで、Firefoxでメイリオを使ってきれいに表示をしてみる。 まず、メイリオをインストールする。 ここからダウンロードできるらしいのだが、自分のPCにはもう既に入っていた。 実はWindowsアップデートかなにかで勝手に入るのではないだろうか？ （全然確かではない。） 次に、「画面のプロパティ」から「デザイン」タブの「効果」ボタンを押す。 でてきたメニューの「次の方法で
【七種泰史/デザインシグナル】新書体「DSかぜゆらぎ」の販売を開始しました! 七種泰史/デザインシグナルより新書体「DSかぜゆらぎ」の販売を開始しました。 ■DSかぜゆらぎ 風のささやき、ゆらぎ。 ここちいい風、やさしさ。 和の香りがする書体です。 是非この機会にご確認ください! OpenType Adobe SystemsとMicrosoftが共同で開発した形式。 文字コードにUnicodeが採用されているため、異体字や記号などの文字種に対応している他、Windows、Mac間での互換性を持っています。また、PCにインストールされたフォントのデータを都度プリンタ等にダウンロードする「ダイナミックダウンロード」が利用可能で、プリンタなどの出力装置にインストールされていないフォントでの出力が可能です。 TrueType Windows、Macが標準で採用しているアウトライン形式。 文字を拡大
OpenType Adobe SystemsとMicrosoftが共同で開発した形式。 文字コードにUnicodeが採用されているため、異体字や記号などの文字種に対応している他、Windows、Mac間での互換性を持っています。また、PCにインストールされたフォントのデータを都度プリンタ等にダウンロードする「ダイナミックダウンロード」が利用可能で、プリンタなどの出力装置にインストールされていないフォントでの出力が可能です。 TrueType Windows、Macが標準で採用しているアウトライン形式。 文字を拡大して印刷しても美しい印字を得ることができます。また、TrueTypeのシステムはOSの機能として備わっているため、アプリケーションソフトやプリンタの種類にかかわらず利用することができます。 CID（ATM） PostScriptアウトラインフォントを、ディスプレイ上に滑らかなライン
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
CSSの@font-faceではユーザーがインストールしていないフォントをウェブ上に用意してやりそれをダウンロードさせてページ上で利用することを主眼としているが、ローカルのフォントを置換、つまりＭＳ Ｐゴシックをメイリオに置換するなどということもできる。Firefoxでは3.6から可能になった(Beta版でももちろん可能)。ユーザー・スタイルシートでの利用が中心になると思う。 ＭＳ Ｐゴシックをメイリオに置換する場合は以下のようにuserContent.cssに記述する(userChrome.cssではない)。 @font-face { font-family: "ＭＳ Ｐゴシック"; src: local("メイリオ"), local("Meiryo"), local("ＭＳ Ｐゴシック"); } @font-face { font-family: "MS PGothic"; src:
JavaScript code to detect available availability of a particular font in a browser using JavaScript and CSS. Update: I have updated the algo of the script and it is almost 100% accurate. This JavaScript class can be used to guess if a particular font is present in a machine. This may be help of desktop-like web application developers when they want to provide different skins or fonts preferences t
ホーム フォント紹介 M+フォントは高品質デザインでぜひ日常的に使いたいのですが、漢字がたりない‥‥そこでIPAゴシックから漢字を補完しました。どなたでも無料でお使いになれます。 2020-04-15Clampフォントを修正しました。詳細は変更履歴をご参照ください。 2020-03-07MigMix／Miguフォントをバージョンアップしました。変更点「M+ TESTFLIGHT 063a に同期」「Clampフォントを追加」など‥。詳細は変更履歴をご参照ください。 2015-07-12MigMix／Miguフォントをバージョンアップしました。変更点「M+ TESTFLIGHT 060に同期」など‥。詳細は変更履歴をご参照ください。 Webサイトをスマートフォン対応しました。画像をSVGにしたのでページを拡大表示すると（PCの場合Webブラウザの横幅を変えると）一部画像を大きく見ることが可能
yukiです。 人によってまちまちですが、見易さや生産性にかなり影響する(と思っている)プログラミング時のフォントについて紹介します。 マカーの方はデフォルトで十分読みやすいフォントが入っているので、ここではwindows向けとして紹介させて頂きます。 個人的に選ぶポイントは、 ゼロ・オーは斜線で区別がつく 日本語も使える 長時間見ても疲れない(一番大事) です。これいいよ！というのがあったら絶賛募集中です。 有名どころかもしれませんが M+フォント M+フォント posted by (C)フォト蔵 普段はコレを使わせていただいています。 自分的にはゼロ(0)とオー(O)の差が分かりやすく◎です。 ゼロの中にスラッシュやドットが入っていて読みやすく、等幅なので使いやすいです。 VLゴシックフォントファミリ 上記のM+を元に製作されたフォントです。 弊社CTOが過去に参加
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
