次世代のフォント技術 バリアブルフォントの世界 - ICS MEDIA
補完するのは登録された軸のみになります。たとえばitalの値が1種類しか登録されていないフォントはitalの値によらず一定の傾きをもちます。 オプティカルサイズとは、サイズに連動した文字のスタイルです。フォントサイズが小さなときは簡略化された表記、大きなときは細かく装飾されたフォント、というように設計されることがあります。 標準ではフォントサイズに依存しているため手動での変更はできませんが、一部のフォントでは変更が可能です。先ほどのデモにおいても、オプティカルサイズに応じて文字バランスが微妙に変更されることが確認できますね。 Roboto-Flexフォントを例に バリアブルフォントはまだそれほど普及していないこともあり、入手元がそれほど多くありません。今回は、オープンフォントライセンスで配布されているRoboto-Flexフォントを使用します。 GitHub - Roboto-Flex 記
はてなエンジニア世論調査: 開発環境のフォントなに使ってますか？ - Hatena Developer Blog
こんにちは、スマートフォンアプリケーションエンジニアの id:yutailang0119 です。 突然ですが、ターミナルを毎日使っていますよね？エディタと触れ合わない日はないですよね？ ということで、今回は "はてなエンジニア世論調査" と題して、開発環境のフォントになにを使っているかのアンケートを取ってみました！ ちなみに自分はiTerm2では Monaco 14pt、1番使うエディタのXcodeでは SF Mono Regular 11pt です。 エディタではシンタックスハイライトが効き、小さい文字でも大体読めるので、iTerm2よりも小さいのです。 (Xcode Themeは自作しています。) 調査結果 フォントの種類 Monaco: 21.2% SF Mono Regular: 11.5% Menlo Regular: 5.8% Ricty Discord Regular: 5.
🖼 グリフを鑑賞する - みずぴー日記
技術書典に出す本のために文字について調べていたらいつのまにか、グリフを鑑賞するアプリを作っていた。柿(かき)と杮(こけら)のような見比べると楽しい文字が次々と表示される。 ✨鑑賞場所 試す: https://mzp.jp/moji/ ソースコード: https://github.com/mzp/moji/ 🖼おすすめの文字 由来が同じ文字 ギリシャ文字を元にラテン文字やキリル文字が作られた、みたいな由来により形状が似ている文字。別の文字と言うのかよくわからないが、Unicodeのコードポイントが別なので別の文字だということにした。 絵文字にもヒエログリフにもブタがいる、みたいな発見もあっておもしろい。 2000年くらいかけてブタがかわいくなった。 形が似ている漢字 柿(かき)と杮(こけら)のように形が似ている漢字。 部首や画数がそろっているせいか、Unicodeのコードポイントが連続して
フォント素人のWebエンジニアが、「フォントおじさん」に聞いてみた！Webフォントの最近の事情とか
フォント素人のWebエンジニアが、「フォントおじさん」に聞いてみた！Webフォントの最近の事情とか 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されるHTML5 Conference 2017に登壇するエキスパートに、予定しているセッションのトピックを中心に、いろいろ伺ったものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、ソフトバンク・テクノロジーの関口浩之さんです。 関口さんのセッションは「Webフォント最新事情2017～導入事例も一挙紹介～」（ルームE 11:20-12:00）です。（現在HTML5 Conferenceは定員オーバーの状態ですが、無料イベントということもあってキャンセルも多めに出るらしいので、あきらめ
Webフォントを使うときは空のグリフに注意 - cockscomblog?
昨今のWebデザイン界隈ですと、それは当然Webフォントを使おうということにもなろうと思いますが、注意すべき事柄に気付きましたのでここに御シェアさせていただきたく存じます。 問題 フォントの中にはたくさんのグリフ（字形）が入っていて、「あ」だったらこのグリフ、「い」だったらこのグリフ、というように対応しています。たくさんの文字を作るのは大変だから、たとえばひらがなとカタカナだけとか、第一水準漢字までとか、少ないグリフだけのフォントもあります。 Webフォントを設定していて、存在しないグリフの文字があったとすると、ブラウザが良い感じにフォールバックして別なフォントで表示してくれたりします。またCSSのunicode-rangeというのを使うと、あるフォントから使うグリフをUnicodeのコードポイントの範囲で設定することができます。範囲外のグリフはやはりフォールバックされます。((unico
Noto Serif CJK が登場！
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
源ノ明朝
源ノ明朝は、アドビフォントとしては２番目の Pan-CJK 書体ファミリーであり、Serif 書体として源ノ角ゴシックと対をなすものです。どちらのファミリーも、東アジアに住む 15 億の人々のための、統一された書体デザインへのニーズに応えるためにリリースいたしました。 源ノ明朝は、東アジアで用いられている４つの言語（簡体中国語、繁体中国語、日本語、および韓国語）で必要な文字をサポートします。それぞれ、７つのウェイトを持ち、各ウェイトに含まれる 65,535 の字形は、各言語の多様性を尊重するとともに、共通化できる部分については積極的にデザインの一貫性を高めるようデザインされています。さらに、欧文の豊富な文字セットを有し、ラテン、ギリシアおよびキリル文字に対応しますが、そのデザインは Source Serif に基づいています。
プログラミング用等幅フォント「Fira Code」がモダンで素敵 | 綺麗に死ぬITエンジニア
皆さんは普段、PCを使う上で、フォントは気にしますでしょうか。 最近は、Webフォントの登場によって、Webサイトごとに独自のフォントが表示されているのを見る機会も多くなりました。 しかしながら、Webや画像制作等の経験がない方は、あまりフォントをインストールする機会もないかもしれません。 そこで今回は、プログラマー向けに、普段使う開発環境等に導入したら良さそうな、オープンソースのフォント「Fira Code」を紹介したいと思います。 Fira Codeは、プログラミング用・コーディング用フォントで、リガチャー（合字）により、関係演算子（比較演算子）や論理演算子、アローファンクションなどを見やすくしてくれる等幅フォントです。様々なプログラミング言語に対応できるように設計・工夫されています。 具体的には以下のように変換してくれますが、リガチャーになっても表示幅は同じで、文字自体が変化している
画像の最適化 | Web | Google Developers
When building a modern web experience, it's important to measure, optimize, and monitor if you're to get fast and stay fast. Performance plays a significant role in the success of any online venture, as high performing sites engage and retain users better than poorly performing ones. Sites should focus on optimizing for user-centric happiness metrics. Tools like Lighthouse (baked into web.dev!) hi
ふい字置き場
作者ホームページサービス（hp.vector）は終了いたしました。 長らくのご利用、ありがとうございます。 ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。 (c) Vector HOLDINGS Inc.All Rights Reserved.
モリサワ クラウドフォントサービス「TypeSquare（仮称）」を発表 | 企業情報 | 株式会社モリサワ
株式会社モリサワ（代表取締役社長：森澤彰彦 本社：大阪市浪速区敷津東2-6-25 Tel.06-6649-2151代表）は、モリサワ書体をWebフォントとして利用できるクラウドフォントサービス「TypeSquare（仮称）」を2011年度内に開始することを発表します。 Webフォントは、インターネットを介してフォントを配信する技術で、閲覧する環境にインストールされていないフォントでもブラウザ上で表示することができます。PCだけでなくスマートフォン上でも利用でき、印刷物とWebサイトを連携させた多角的な企画を行なう際などでも、同じ書体をそれぞれの媒体で使うことで統一感ある表現が可能となります。「TypeSquare（仮称）」では、モリサワフォントだけでなく、国内外問わず様々なフォントメーカの協力のもと書体ラインナップを充実させていく予定で、より豊かなWebデザインの制作環境をご提供して参り
Mac OS X で変な漢字を探す亖つの方法 | netswitch!
元々の話題は、火が三つの漢字を見た事あるけど見つからない、というものから。 1. 手書き文字入力 / ⌃⌥ Space / Ctrl+Shift+Space 詳しくは下記URLの記事を参照。 2. ⌃1, ⌃2 / Ctrl+1, Ctrl+2 対象となる文字を選択後、Ctrl+1を押す 対象となる文字を選択後、Ctrl+2を押す 3. 文字ビューア 「文字ビューアを表示」を選択 記号など探すには便利。地道に探す。 4. CHISE/漢字構造情報データベースを使う CHISE IDS Findを使って検索するか、CHISEプロジェクトからデータベースをダウンロードして自分で探す。 今回のように三つの文字が並んでいる漢字を探す場合、例えば”森”、という字なら、 … 森 ⿱木⿰木木 という感じの表現で入っているはずなので、UTF-8を正しく扱えるシステム上で /\t⿱(.)⿰\1\1$/ とい
&: View Ampersand Glyph of Google Web Fonts
Google Web Fontsの全てのフォントの「&」のグリフを一覧するツール&を作った。Open Source Ampersandsと同じようなものだけど、こっちはJavaScriptだけで動き、特に何もすることなくGoogle Web Fontsの新規フォントが反映される。タイトル短すぎ。これも実用性はない……けど&かわいいよね！ コードはGoogle Web Fonts Previewとほとんど同じ。テキストを「&」に固定し、グリッドに沿って並べるようなスタイルを書いただけ。一部フォントでグリフが見えないことがあるが、これはfont-styleプロパティやfont-weightプロパティ等をフォントのフォーマットに合わせて個別に指定しなくてはいけないため(多分)で、今のところ仕様ということにしておく。直せそうだったら直すつもりだけど、JavaScriptだけでは難しいかとても遅くな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
tmnm.tech is Expired or Suspended.
TechCrunch | Startup and Technology News
ウェブ最大の「フォント問題」を巡ってアップル、グーグル、MS、アドビが団結
モダン日本語フォント指定
sebastiankippe.com
Monotype
&