タグ

fontに関するginpeiのブックマーク (16)

  • Monaspace

    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

    Monaspace
    ginpei
    ginpei 2023/11/23
    コード用フォント。等幅グリッドを保ちつつ見やすいよう文字幅を調整するTexture healingや太字と混在できる機能等。モナーフォントとは関係ない( ´∀`)
  • 【漫画向けフリーフォント】フォント一覧 - 御琥祢屋

    御琥祢屋で「創作活動にフォント選択の楽しみを」をモットーに製作し、配布している漫画向けのフリーフォントを紹介 フォント名かサンプル画像をクリックすると各フォントの紹介ページに移動します。 源暎アンチック 【アンチゴチ フリーフォント漫画セリフでよく使われるフォント。 アンチック体の仮名とゴシック体の漢字等を組み合わせたフォントで“アンチゴチ”とも呼ばれます。 一般的な文字サイズはB5用紙に対して 3.67mm≒10.5pt≒五號活字サイズが基準みたい。 行間は25%~33%が基準で、振り仮名が付くときは50%。ただし文字サイズが大きい時は狭めでも大丈夫。 漫画向けフォントですが、適度な太さがあるので動画テロップに明朝体替わりに使っても良い感じになります。 ダウンロードページへ 源暎ラテゴ(源暎ラテミン) 【ラテン体 フリーフォント】 サンセリフ&横細・縦太なラテン体の仮名とゴシック体の

    【漫画向けフリーフォント】フォント一覧 - 御琥祢屋
    ginpei
    ginpei 2022/08/25
    漢字がゴシック体の漫画のセリフっぽいフォント。
  • ステレオタイプ・タイプフェイス:ジャパニーズスタイル書体をめぐって|ARTICLES|The Graphic Design Review

    文化を「フジヤマ、ゲイシャ」のようなステレオタイプなイメージで視覚化する習慣は、グローバル化が進んだいまなお根深い。また、これらの図像とともに用いられる独特のディスプレイ書体は、日や他のアジア諸国の料理や物産を扱う店の看板やエンタテインメントの現場で、オリエンタリズムを表象する記号として運用され続けている。ステレオタイプな文化イメージの再生産を行う、この系統の書体の起源とは? オリエンタリズムと書体 海外で「日」を視覚的に表現する際、登場率がもっとも高いモチーフはいまだに富士山と芸妓ではないだろうか。近年では漫画がその一要素に加わったが、こういった視覚表象をデザインに用いることで「日」を表現する方法は、常にオリエンタリズムと切り離せない。日の浮世絵・工芸が19世紀の西洋近代美術に与えた影響を専門にするドイツのクラウディア・デランク(Claudia Delank)は、これを「フジ

    ステレオタイプ・タイプフェイス:ジャパニーズスタイル書体をめぐって|ARTICLES|The Graphic Design Review
    ginpei
    ginpei 2021/08/01
    筆のはらいを想起させるフォント。特定地域に紐づいており、無自覚な利用は差別的視点の強化に繋がる。あまり神経質になる必要はないが『少なくともデザイナーはこのような構造について自覚的でなければならない』
  • Webフォント読み込み戦略(2021年) - MOL

    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という

    Webフォント読み込み戦略(2021年) - MOL
    ginpei
    ginpei 2021/04/23
    かつてはfont-display:swapでフォント読み込み中の文章不可視化を防いだが、CLSが重要視される今日ではfont-display:optionalとpreloadを組み合わせて全体をブロックするのが良さそう、と。フォント使わないのが最善手かも。
  • code relay - Fontemon

    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!

    ginpei
    ginpei 2021/03/25
    フォントとして実装されたゲーム。ページ下の方で遊べる。合字の仕組みを使い入力文字に応じて画面を更新。バックスペースで戻れる。
  • 『全児童フォント(フェルトペン)』(無料版・有料版)を公開しました。 – たぬきフォント

    『全児童フォント』とは 小学一年生の児童が実際に書いた手書き文字をベースに作成した、オリジナルの漢字もモリモリ収録された日フォントです。 今回リリースするフォントは【フェルトペン】バージョンとなります。(将来的に、【鉛筆】【チョーク】【クレヨン】バージョンの追加を予定しています。) 今回は、 ・漢字が1,000文字ほど収録された【無料版】『全児童フォント教漢版』 ・漢字が6,700文字ほど収録された【有料版】『全児童フォント』(価格:1,410円・税込) の、2種類をご用意しています。 無料版・有料版の違いについて 1.無料版では難しい漢字が大変なことになっています。 有料版の『全児童フォント』には、教育漢字を含む第一水準・第二水準・IBM拡張文字(6,700文字以上)を収録しています。 無料版の『全児童フォント教漢版』には、小学校で習う教育漢字(1,006文字)を収録しています。 【

    『全児童フォント(フェルトペン)』(無料版・有料版)を公開しました。 – たぬきフォント
    ginpei
    ginpei 2021/03/10
    子供が書いたような味のあるフォント。無料版は難しい字が黒いぐるぐるで潰れている。
  • GitHub - syakuzen/DelaGothic: fat sans-serif font

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - syakuzen/DelaGothic: fat sans-serif font
    ginpei
    ginpei 2021/02/26
    どっしり太くてでらかわいい日本語フォント。JIS第3水準対応、商用無料、改変可能。
  • GitHub - unicode-org/last-resort-font: Last Resort Font

    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

    GitHub - unicode-org/last-resort-font: Last Resort Font
    ginpei
    ginpei 2021/01/22
    文字が豆腐になったとき何が欠けているのか判断できるようにするフォールバック目的のフォント。Releasesからダウンロード。商用利用可能。
  • しっぽり明朝|商用・同人誌利用可能フリーフォント

    ◉しっぽり明朝は商用・同人誌利用可能の明朝体フリーフォントです しっぽり明朝は、石井中明朝体OKLやリュウミンKO、A1明朝、筑紫Aオールド明朝等に影響を与えた、東京築地活版製造所の名作書体である五号系活字を下敷きに、物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作した、オールドスタイル明朝体フリーフォントです。 どんな方でも制限なく自由に使えるハイクオリティな文用明朝体をお届けしたいと考え、こしらえました。フォントを単体で販売したりライセンスを変更する以外は商用でも個人利用でもおおよそ自由に使えるSILオープンフォントライセンスのフォントです。 ◉文用Regularウエイトを含め全5ウエイトの“新しっぽり明朝” ヴァージョン3は“新しっぽり明朝”と謳ってもいいかもしれません。 それまで開発で使用していたフォント制作ソフトをFontforgeからGlyphsに変更し

    しっぽり明朝|商用・同人誌利用可能フリーフォント
    ginpei
    ginpei 2020/10/13
    日本語の小説っぽいフォント。
  • Puppeteer で静的サイトの Font Subsetting | blog.jxck.io

    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 両

    Puppeteer で静的サイトの Font Subsetting | blog.jxck.io
    ginpei
    ginpei 2020/09/10
    PuppeteerでtextContentの文字を取得。要素名(h1等)で太字を識別し標準のものと分ける。確認としてChrome DevTools Protocolを用い、Computed StylesのRendered Fonts相当の値?を検証。
  • Home

    Every day, we convene the sharpest minds in finance to deliver the excellence of Goldman Sachs. Our sole focus is serving clients by harnessing the firm's resources, insights, relationships, and competitive advantages to help solve the most complex challenges and drive superior results.

    Home
    ginpei
    ginpei 2020/06/26
    ゴールドマンサックスが公開したゴシック体の無料フォント、その名もGoldman Sans。数字との親和性や小サイズでの視認性に注力。ただしゴールドマンサックスをけなすdisparage場合は利用禁止。ダウンロードはスライド最後
  • CSS での OpenType 機能の構文 | Adobe Fonts User Guide

    この機能は、一連の字形を「合字」と呼ばれる 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"

    ginpei
    ginpei 2020/04/27
    CSSのfont-feature-settingsプロパティについて。OpenTypeフォントの表示を制御する機能。MDNによると広くサポートされている様子。
  • Hey! Say! JUMPがグループ名の「a」のためにフォントまで用意しているという話 - in between days

    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 の字形にこだわっているためではないかという。 公式的に

    Hey! Say! JUMPがグループ名の「a」のためにフォントまで用意しているという話 - in between days
    ginpei
    ginpei 2018/11/16
    ジャニーズ子会社の名前を関したフォントを指定して目的の見た目のフォントにしているそうだ。他にも "t" が特殊なグループも。
  • ワープロ専用機の拡大処理を再現したフォント「ワープロ明朝」

    ワープロ専用機の拡大処理を再現したフォント「ワープロ明朝」 「ワープロ明朝」は、1980年代〜90年代初めのワープロ専用機などで使われていた、ビットマップフォントの拡大処理を再現したフォントです。 ワープロ専用機も後期にはアウトラインフォントが搭載されて綺麗な拡大が可能になりましたが、それ以前は大きな文字を印刷するときにもビットマップフォントを拡大して使っていました。そのまま拡大するとギザギザになってしまうので、階段状になったドットを斜めの線で補間する処理が施されて独特な見た目になっていました。 「ワープロ明朝」は24ドットの明朝体ビットマップフォント jiskan24 にこの補間処理を行い、アウトラインフォント化したものです。 使用例 張り紙に:

    ワープロ専用機の拡大処理を再現したフォント「ワープロ明朝」
    ginpei
    ginpei 2018/08/12
    古い感じの、あのごわごわしたフォント。すごくちゃんと再現しているようにみえる。
  • FONTastic Performance (or Number One Problem with FONTS)

    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

    FONTastic Performance (or Number One Problem with FONTS)
    ginpei
    ginpei 2018/01/04
    ウェブフォント読み込み前に真っ白になるFOIT、読み込み後に再描画してガクッとなるFOUTについて。次善の策としてサイズの近いフォールバックフォントを使い影響を最小限に。
  • Font style matcher

    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

    ginpei
    ginpei 2017/12/22
    ウェブフォント読み込み前後でガクッとするやつ (FOUT) を改善するフォールバック作成補助ツール。両者重ねた表示等で、目的のフォントに視覚的に近い指定を作れる。
  • 1