序 ウェブをブラウジングしていると、嫌というほど見る 無意味にひたすらシステムフォントを列挙している 同じシステム上に存在すると予想される和文フォントのあとに欧文フォントを指定する という苦痛極まりないフォント指定をしているCSSをよく見かける。 ひどい思考停止だと思うのだが、実際には行われているばかりか、ウェブデザイナーを自称する者が平気でそのような指定を推奨していたりする。 それについては散々言及したつもりでいたのだが、実際にChienomiでそのこと全体を指摘した記事はなかったので、ここでしっかりと述べておこうと思う。 ここではそれがなぜ、どのように問題なのか、どのようにすべきかということを述べていこう。 起 話の大本としては、MSNのフォント指定がひどくて、Linux上で見るために気を遣ったaliasを書かねばならないが、それ以上に無意味な指定である、ということを指摘した。 それ以
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Hey! This whole article is about a time before May 2019 in which Google Fonts didn’t offer a way to use font-display without self-hosting the fonts. To use font-display with Google Fonts, you include a URL parameter like &display=swap in the URL, like https://fonts.googleapis.com/css?family=
LEDやデジタル時計を意識したデジタル数字フォント「DSEG」(でぃーせぐ、と読む)を公開しています。 7SEG表示の「DSEG7」、14SEG表示の「DSEG14」、液晶表示風お天気アイコンの「DSEGWeather」を用意しています。特徴は次の通り。 フリーフォントで、商用利用・埋め込み・改変が自由（ライセンスがSIL Open Font License 1.1） 7セグ・14セグメント表示の英数字と記号書体を収録 種類が豊富(51書体) True Type形式(*.ttf)と Web Open Type File Format 形式(*.woff, *.woff2)を同梱 ダウンロードは以下よりどうぞ。
「サブセットフォントメーカー」「woffコンバーター」は武蔵システムという会社が作っているフリーソフトで、windows、macそれぞれソフトが用意されています。 サブセットフォントメーカーでサブセット化 まずは「サブセットフォントメーカー」を使って、Noto Sans Japaneseをサブセット化してみます。※画面はmacですが、windowsでも同じです。 「作成元フォントファイル」に、Noto Sans Japaneseを指定します。 「作成後フォントファイル」は任意の名前を付けてください。 「フォントに格納する文字」に、欲しい文字を入力します。 出来たファイルをwebフォントとして使える形式に変換 上記工程でサブセット化されたフォントファイルは用意できましたが、このままではwebフォントとしては使えないので、webフォント用の形式に変換します。ここで使うのが「woffコンバータ」
年齢や文化、身体の状況などの多様性に配慮したユニバーサルデザイン仕様のフォントをUDフォント、もしくはユニバーサルデザインフォントと言います。 共通して「視認性が高い・読みやすい」をコンセプトにしているため、書体のデザインが簡素化され、ふところが深いデザインのものが多いのが特徴。また文字としての誤認を防ぐため、対称的な文字はしっかりと区別されたデザインになっています。 携帯電話やPCなどのスクリーン上だけでなく、看板などのサインデザイン、家電製品や細かい文字が多くなりがちな説明書や株主資料、保険の約款など、幅広い用途で使うことができます。特に行政や教育の現場で注目されています。 またUDフォントの制作物には、賛同をしている各社の「UD FONTマーク」を使うことができます。 モリサワ UD FONTマーク ヒラギノ UD FONTマーク タイプバンク UD FONTマーク モトヤ UD F
The history of web font loading has included many different iterations: Doing nothing: including a @font-face CSS block and using it in your CSS without qualification. I consider this to be an anti-pattern. It introduces a Flash of Invisible Text (FOIT) in some browsers and worse, creates a single point of failure in browsers that do not have a font loading timeout (WebKit). Data URIs for the Flas
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
About What is/are “auticons”? Auticons is an icon font and CSS set that harnesses the awesome power of attribute selectors. No CSS classes No javascript No extra markup How about a quick example? The mailto: protocol defines a common type of <a> element: one that can open up email clients on the end user's system. Auticons finds any links that start with mailto: and places an indicative envelope s
LUFTHAMN STUDIO Hej! Lufthamn Studio is a one-man Graphic Design, Game Developing, Art Studio. This is where I eat, sleep and display some of my digital crafts and projects — while I'm not doing my Design Directing over at Daddy Identity Department were I'm also a proud Partner Crispin Porter + Bogusky Europe. Tell me anything: studio@lufthamn.com
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
