Nerd Fonts - Iconic font aggregator, glyphs/icons collection, & fonts patcher
MonoLisa
As software developers, we always strive for better tools but rarely consider a font as such. Yet we spend most of our days looking at screens reading and writing code. Using a wrong font can negatively impact our productivity and lead to bugs. MonoLisa was designed by professionals to improve developers’ productivity and reduce fatigue.
Deep dive CSS: font metrics, line-height and vertical-align - Vincent De Oliveira
Deep dive CSS: font metrics, line-height and vertical-align published 7 years, 5 months ago (February 2017) Line-height and vertical-align are simple CSS properties. So simple that most of us are convinced to fully understand how they work and how to use them. But it’s not. They really are complex, maybe the hardest ones, as they have a major role in the creation of one of the less-known feature o
EightShapes Text Crop
@mixin text-crop($line-height: 1.3, $top-adjustment: 0px, $bottom-adjustment: 0px) { // Configured in Step 1 $top-crop: TOPCROP; $bottom-crop: BOTTOMCROP; $crop-font-size: FONTSIZE; $crop-line-height: LINEHEIGHT; // Apply values to calculate em-based margins that work with any font size $dynamic-top-crop: max(($top-crop + ($line-height - $crop-line-height) * ($crop-font-size / 2)), 0) / $crop-font
Flow is a typeface built for wireframing
Flow is a typeface built for wireframing. It's free and it comes in three weights – circular, rounded, and block. It's not perfect, but neither are your wireframes. Flow has sub-pixels, artifacts, overlaps, and other imperfections. Designing with real content is important, but sometimes we need something more abstract. Flow aims to provide an efficient and flexible way to create abstracted content
【完全版】Ligature Symbols フォントセットの自作方法 - くらげだらけ
今月の初めにLigature Icon フォントセットの自作方法とWebFontというエントリーを書きました。これはsymbolsetというサイトにinspireされて、Ligature機能を使ったSymbol Web Fontを自作しようという試みを書いたものです。しかし、この時はsymbolsetで実現されているようなものには及ばない不完全なものになってしまいました。 その後、いろいろと調べたり試したりする中でsymbolset相当のWebFontを自作することが出来ました。今回はそのプロセスと技術的解説について紹介したいと思います。 Ligature Symbols について まずは今回自作したWeb Fontのデモページをご覧ください。 【DEMO】 Ligature Symbols 今回作成したLigature Symbols FontはOFLライセンスで公開しており、ダウンロー
TextStyl: Tendencias y Estilo en Medicina Estética
En TextStyl, nos dedicamos a explorar el fascinante mundo de la medicina estética, donde la innovación y la belleza se unen para crear tendencias revolucionarias. Con un enfoque en la elegancia y la salud sostenible, nuestra misión es ser tu guía esencial en el viaje hacia una belleza que no solo captura la esencia del estilo, sino que también abraza la vanguardia del bienestar. Desde las últimas
Yaku Han JP - 約物半角専用のフォント
ゴシック体 明朝体 丸ゴシック すべて カッコのみ Hiragino Noto 横書き 縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。 <!-- HTML：CDNリンクを貼り付け --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.1/dist
Typeface - Your favorite font app for Mac
Typeface is ready for macOS Sonoma 👩🏻💻 Want to migrate from Suitcase Fusion or FontExplorer? Learn how to transfer your library Typeface is a wonderful font manager for macOS that helps you pick the perfect type for your designs. A minimal interface and total focus on your fonts makes browsing your collection a delightful experience. And Typeface 3 lets you effortlessly organize even the large
Mac/Atari Fusion: Atari Fonts
New Atari Classic TrueType Font Based on the Atari 8-bit character set, this is a TrueType font for modern Macs and PCs. The font includes the full standard ATASCII 256-character set, including graphics characters and inverse characters, arranged in exactly the same order as the original. In addition, it includes the ATASCII European character set that was introduced in the 1200XL. In normal use,
Web Design, Interface Design, User Experience | Simple Focus
What does FlowType.JS do? Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. FlowType.JS eases this difficulty by changing the font-size and subsequently the line-height based on a specific element's width. This allows for a perfect character count per line at any screen width. Addi
スプラトゥーン風フォント「イカモドキ」公開しました | あらむぎ
ゲーム「スプラトゥーン」で使われているフォントに似せたフォントを作りました。 こちらからダウンロードできます。 ひらがな、カタカナ、数字と、若干の記号類が入っています。 「スクイックリンα」の「α」も再現！ しかしアルファベットが入ってないので、 「リッター３Ｋ」とか「Ｌ３リールガン」は書けません。 公式の漢字は有償フォントらしく、 「スプラトゥーン フォント」で検索すると特定した方の記事が出てきます。 ゲーム内とwebサイトで２種類あるようですが、 どちらも気軽に導入するのは難しそう。 ↑webサイトの方で使われている「RoG2サンセリフ」です。 モリサワパスポートに入っていたので嵌めてみました。 ↑ヒラギノ角ゴの一番太いやつを、横110%に延ばして入れてみました。 微妙。 多分、太いフォントと合わせるのが良さそうです。 キルラキルで使われていた「ラグラン」
RightFont - Best Font Manager for Mac
The ultimate font manager app for MacThe ultimate font manager app for macOS that offers a seamless font management experience. It combines speed, intuitive functionality, and professional capabilities, empowering users to effortlessly preview, install, organize, and share fonts.Buy Now Download Requires macOS 10.15 or newer. macOS Sonoma ready. What's New in RightFont 8.0RightFont 8.0 brings an a
What’s Trending in Type · Typewolf
Flawless Typography Checklist A typography master course that doubles as an interactive visual reference that helps you achieve flawless type on every design project
7 Gorgeous Icon Fonts for Web Designers
TNW first covered the growing popularity of icon fonts back in January, and since then the Web has practically exploded with impressive icon fonts for use in Web design. For those that are out of the loop, you can think of an icon font as a grown-up version of dingbats…with an actual use-case. The core idea is to take a set of icons or pictograms that would normally be implemented as an image or v
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダン日本語フォント指定
Fontstand — try fonts for free or rent them
Calligraphr - Create your own fonts.
Fort Awesome
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon