19 results
tagged
font
✕
Pour un rendu réaliste stylo bic, c'est bien simple je n'ai jamais trouvé mieux.
Click (Generate) to create a new font pairing, (Lock) to lock fonts that you want to keep, and (Edit) to choose a font manually. The text is editable, try replacing it with your company name or other copy.
The goal of font pairing is to select fonts that share an overarching theme yet have a pleasing contrast. Which fonts work together is largely a matter of intuition, but we approach this problem with a neural net. See Github for more technical details.
The goal of font pairing is to select fonts that share an overarching theme yet have a pleasing contrast. Which fonts work together is largely a matter of intuition, but we approach this problem with a neural net. See Github for more technical details.
Learn to use the power of digital typography
Empowering developers and designers to get their message better across, by improving their websites, and products with pimped typography.
Empowering developers and designers to get their message better across, by improving their websites, and products with pimped typography.
Font Matrix – See & Pair Typefaces Like Never Before
24. May 2022, updated: 17. Jun 2022
The Font Matrix is a different way of seeing typefaces. Knowing about it earlier would have saved me a lot of time and guessing, when it comes to choosing, but especially to combining typefaces. It is based on the work of Indra Kupferschmid, and helped me to finally make more sense of type categorizations. Now, I want to share with you what I have learned with it.
24. May 2022, updated: 17. Jun 2022
The Font Matrix is a different way of seeing typefaces. Knowing about it earlier would have saved me a lot of time and guessing, when it comes to choosing, but especially to combining typefaces. It is based on the work of Indra Kupferschmid, and helped me to finally make more sense of type categorizations. Now, I want to share with you what I have learned with it.
Using CSS (only!) and Math for Fluid Font Size
Responsive Font Size
In responsive web design, we use media query breakpoints in order to make a website’s content respond in a certain way depending on the viewport’s width.
Responsive Font Size
In responsive web design, we use media query breakpoints in order to make a website’s content respond in a certain way depending on the viewport’s width.
Fonts Knowledge
Welcome to our library of original guides to the world of typography, which the Google Fonts team is producing in collaboration with typographic experts from around the world. Google Fonts Knowledge enables designers and developers of all skill sets to choose and use type with purpose.
Welcome to our library of original guides to the world of typography, which the Google Fonts team is producing in collaboration with typographic experts from around the world. Google Fonts Knowledge enables designers and developers of all skill sets to choose and use type with purpose.
3 easy CSS tricks for responsive websites I use for every project
Fluid, flexible & simple typography
This small CSS library serves to avoid the responsive web by focusing on pure fluidity in which the system communicates what size to be rendered. Recommend to be used for blogs, portfolios, documentation & and simplistic text websites.
This small CSS library serves to avoid the responsive web by focusing on pure fluidity in which the system communicates what size to be rendered. Recommend to be used for blogs, portfolios, documentation & and simplistic text websites.
The Anatomy of a Thousand Typefaces
An attempt to building a font database with opentype.js
An attempt to building a font database with opentype.js
fontplop is an OSX/macOS application which takes ttf and otf files and outputs a webfont bundle: woff2, woff, tff, svg, and eot.
It is the simpler, faster, free successor to FontPrep, which is no longer maintained.
It is the simpler, faster, free successor to FontPrep, which is no longer maintained.
This guide is not intended for use with font icons, which have different loading priorities and use cases. Also, SVG is probably a better long term choice.
Choosing one typeface isn’t so hard, but how do you choose a pair, or maybe three?