Since the earliest days of the teletype machine, code has been set in monospaced type — letters, on a grid. Monaspace is a new type system that advances the state of the art for the display of code on screen. Every advancement in the technology of computing has been accompanied by advancements to the display and editing of code. CRTs made screen editors possible. The advent of graphical user inter
御琥祢屋で「創作活動にフォント選択の楽しみを」をモットーに製作し、配布している漫画向けのフリーフォントを紹介 フォント名かサンプル画像をクリックすると各フォントの紹介ページに移動します。 源暎アンチック 【アンチゴチ フリーフォント】 漫画セリフでよく使われるフォント。 アンチック体の仮名とゴシック体の漢字等を組み合わせたフォントで“アンチゴチ”とも呼ばれます。 一般的な文字サイズはB5用紙に対して 3.67mm≒10.5pt≒五號活字サイズが基準みたい。 行間は25%～33%が基準で、振り仮名が付くときは50%。ただし文字サイズが大きい時は狭めでも大丈夫。 漫画向けフォントですが、適度な太さがあるので動画テロップに明朝体替わりに使っても良い感じになります。 ダウンロードページへ 源暎ラテゴ（源暎ラテミン） 【ラテン体 フリーフォント】 サンセリフ＆横細・縦太なラテン体の仮名とゴシック体の
日本文化を「フジヤマ、ゲイシャ」のようなステレオタイプなイメージで視覚化する習慣は、グローバル化が進んだいまなお根深い。また、これらの図像とともに用いられる独特のディスプレイ書体は、日本や他のアジア諸国の料理や物産を扱う店の看板やエンタテインメントの現場で、オリエンタリズムを表象する記号として運用され続けている。ステレオタイプな文化イメージの再生産を行う、この系統の書体の起源とは？ オリエンタリズムと書体 海外で「日本」を視覚的に表現する際、登場率がもっとも高いモチーフはいまだに富士山と芸妓ではないだろうか。近年では漫画がその一要素に加わったが、こういった視覚表象をデザインに用いることで「日本」を表現する方法は、常にオリエンタリズムと切り離せない。日本の浮世絵・工芸が19世紀の西洋近代美術に与えた影響を専門にするドイツのクラウディア・デランク（Claudia Delank）は、これを「フジ
Preload web fonts 前回、といっても2年前だが、display=swapとはなにかで、Google Fontsを読み込むときはURLパラメータに display=swap をつけるといいよと言った。というわけで、それ以降、『目標をセンターに入れて、display=swap…』と盲目的に考えるようになってた。 おさらいとして display=swap では、まず代替フォントを表示し、Webフォントをダウンロードしたら、随時スワップするという挙動になる。この場合、代替フォントからWebフォントへ切り替わる FOUT (flash of unstyled text) が起こってしまう。こんな感じ↓ 出典：font-face descriptor playground まぁ何も表示されないよりかは良いかと思うわけだが、時は流れ、最近ではWebの指標として、Web Vitalsという
You read that right! It's a video game in a font! A font as in "Time New Roman". The entire game is enclosed in fontemon.otf, no javascript, no html, all font. You can play it anywhere!
『全児童フォント』とは 小学一年生の児童が実際に書いた手書き文字をベースに作成した、オリジナルの漢字もモリモリ収録された日本語フォントです。 今回リリースするフォントは【フェルトペン】バージョンとなります。（将来的に、【鉛筆】【チョーク】【クレヨン】バージョンの追加を予定しています。） 今回は、 ・漢字が1,000文字ほど収録された【無料版】『全児童フォント教漢版』 ・漢字が6,700文字ほど収録された【有料版】『全児童フォント』（価格：1,410円・税込） の、２種類をご用意しています。 無料版・有料版の違いについて １．無料版では難しい漢字が大変なことになっています。 有料版の『全児童フォント』には、教育漢字を含む第一水準・第二水準・IBM拡張文字（6,700文字以上）を収録しています。 無料版の『全児童フォント教漢版』には、小学校で習う教育漢字（1,006文字）を収録しています。 【
This repository includes two versions of the Last Resort font: Last Resort and Last Resort High-Efficiency. Although both fonts can be installed at the same time—because they have different names—you are encouraged to download and install only the one that is expected to work in the environments that you use: The file LastResort-Regular.ttf is a font named Last Resort, and its 'cmap' table include
◉しっぽり明朝は商用・同人誌利用可能の明朝体フリーフォントです しっぽり明朝は、石井中明朝体OKLやリュウミンKO、A1明朝、筑紫Aオールド明朝等に影響を与えた、東京築地活版製造所の名作書体である五号系活字を下敷きに、物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作した、オールドスタイル明朝体フリーフォントです。 どんな方でも制限なく自由に使えるハイクオリティな本文用明朝体をお届けしたいと考え、こしらえました。フォントを単体で販売したりライセンスを変更する以外は商用でも個人利用でもおおよそ自由に使えるSILオープンフォントライセンスのフォントです。 ◉本文用Regularウエイトを含め全5ウエイトの“新しっぽり明朝” ヴァージョン3は“新しっぽり明朝”と謳ってもいいかもしれません。 それまで開発で使用していたフォント制作ソフトをFontforgeからGlyphsに変更し
Intro Web Font のサブセット化を Font Weight に応じて作り分けるとともに、それを Puppeteer を用いて生成するように変更した。 Web Font の静的サブセット 本サイトで提供している Web Font は当初、文字を事前に選定して生成したものを使っていた。 Noto Sans の Web Font 対応とサブセットによる最適化 当時はコンテンツがなかったが、コンテンツも増えた後は、コンテンツの原稿である markdown ファイルから使用している文字を抽出して生成するように変更していた。 これでおおよそ必要最小限のサイズにすることができていた。 Regular と Bold の最適化 本サイトでは Font Weight として Regular(400) と Bold(700) を提供しているが、これまでは抽出した文字種を Bold/Regular 両
この機能は、一連の字形を「合字」と呼ばれる 1 つの字形に置き換えます。合字は、タイポグラフィの目的で好んで使用されます。この機能を有効にすると、通常の状況ではデザイナーやベンダーの審査に使用するような合字が挿入されます。 この合字機能は、デフォルトで有効です。そのため、通常は CSS を記述しなくても動作します。ただし、Chrome ではデフォルトで有効になりません。また、Safari（Mac または iOS）では無効にできません。Chrome と Firefox の一部のバージョンでは、スペースを含む合字で問題が発生します。 .class { font-variant-ligatures: common-ligatures; -moz-font-feature-settings: "liga", "clig"; -webkit-font-feature-settings: "liga"
NHKの紅白歌合戦2018の出場歌手が発表になり、 出場歌手｜第69回NHK紅白歌合戦 この一覧でジャニーズの「Hey! Say! JUMP」の名前だけが画像だということが話題になった。 第69回NHK紅白歌合戦の出場歌手のページhttps://t.co/Z6lbjpIbMY "Hey! Say! JUMP" の文字がどうも選択できない。 HTML ソースを見た時、NHK の 「"Hey! Say! JUMP" を絶対にテキスト選択させまい！」 とする意地を感じた。 何で？ pic.twitter.com/dil9k9LVCA— nipotan (@nipotan) 2018年11月14日 しかも、ただの画像ではなくてこういうSVGが指定されている。 Web技術が使われててすごい。 なんでこういうことをやっているかというと、どうも a の字形にこだわっているためではないかという。 公式的に
ワープロ専用機の拡大処理を再現したフォント「ワープロ明朝」 「ワープロ明朝」は、1980年代〜90年代初めのワープロ専用機などで使われていた、ビットマップフォントの拡大処理を再現したフォントです。 ワープロ専用機も後期にはアウトラインフォントが搭載されて綺麗な拡大が可能になりましたが、それ以前は大きな文字を印刷するときにもビットマップフォントを拡大して使っていました。そのまま拡大するとギザギザになってしまうので、階段状になったドットを斜めの線で補間する処理が施されて独特な見た目になっていました。 「ワープロ明朝」は24ドットの明朝体ビットマップフォント jiskan24 にこの補間処理を行い、アウトラインフォント化したものです。 使用例 張り紙に:
Web fonts are awesome. They make your sans-serifs slabby, your headers special and your website look gorgeous. But fonts are a resource, and downloading resources always comes as a cost — if you don’t load web fonts efficiently, what you get instead are phantom underlines, blank pages, and user rage. Let’s talk about ways to avoid this, and what new platform features are here to help us deliver pr
If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This too
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く