xheightable
@xheightable.bsky.social
xheightable is a free tool for pairing fonts using their x-heights.
Choose from over 100 fonts from Google and Adobe and find the perfect match.
Try it at https://xheightable.com
Choose from over 100 fonts from Google and Adobe and find the perfect match.
Try it at https://xheightable.com
Pairing Fonts with PT Serif? 🤔 Here are four fonts from Google with similar x-heights!
1️⃣ PT Sans
2️⃣ Barlow
3️⃣ Figtree
4️⃣ Plus Jakarta Sans
🔎 Want to find more font pairings? Try xheightable.com
#fontpairing #typography #designresources #graphicdesign #branding #uxdesign #fontpairings
1️⃣ PT Sans
2️⃣ Barlow
3️⃣ Figtree
4️⃣ Plus Jakarta Sans
🔎 Want to find more font pairings? Try xheightable.com
#fontpairing #typography #designresources #graphicdesign #branding #uxdesign #fontpairings
April 17, 2025 at 10:35 AM
Pairing Fonts with PT Serif? 🤔 Here are four fonts from Google with similar x-heights!
1️⃣ PT Sans
2️⃣ Barlow
3️⃣ Figtree
4️⃣ Plus Jakarta Sans
🔎 Want to find more font pairings? Try xheightable.com
#fontpairing #typography #designresources #graphicdesign #branding #uxdesign #fontpairings
1️⃣ PT Sans
2️⃣ Barlow
3️⃣ Figtree
4️⃣ Plus Jakarta Sans
🔎 Want to find more font pairings? Try xheightable.com
#fontpairing #typography #designresources #graphicdesign #branding #uxdesign #fontpairings
4️⃣ Roboto Slab
Roboto Slab is a slab serif that contrasts well with the slightly more elegant Source Sans.
Roboto Slab is a slab serif that contrasts well with the slightly more elegant Source Sans.
April 11, 2025 at 9:14 AM
4️⃣ Roboto Slab
Roboto Slab is a slab serif that contrasts well with the slightly more elegant Source Sans.
Roboto Slab is a slab serif that contrasts well with the slightly more elegant Source Sans.
3️⃣ Merriweather
Merriweather is a contemporary serif. Inspired by FF Meta, it has a slightly larger x-height that pairs well with Source Sans.
Merriweather is a contemporary serif. Inspired by FF Meta, it has a slightly larger x-height that pairs well with Source Sans.
April 11, 2025 at 9:14 AM
3️⃣ Merriweather
Merriweather is a contemporary serif. Inspired by FF Meta, it has a slightly larger x-height that pairs well with Source Sans.
Merriweather is a contemporary serif. Inspired by FF Meta, it has a slightly larger x-height that pairs well with Source Sans.
2️⃣ IBM Plex Serif
Designed by IBM for their corporate brand, is another transitional serif, this time with a slightly technical edge.
Designed by IBM for their corporate brand, is another transitional serif, this time with a slightly technical edge.
April 11, 2025 at 9:14 AM
2️⃣ IBM Plex Serif
Designed by IBM for their corporate brand, is another transitional serif, this time with a slightly technical edge.
Designed by IBM for their corporate brand, is another transitional serif, this time with a slightly technical edge.
1️⃣ Source Serif
Part of the Source family, Source Serif is a transitional serif with plenty of character, inspired by Fournier’s fonts from the 18th Century.
Part of the Source family, Source Serif is a transitional serif with plenty of character, inspired by Fournier’s fonts from the 18th Century.
April 11, 2025 at 9:14 AM
1️⃣ Source Serif
Part of the Source family, Source Serif is a transitional serif with plenty of character, inspired by Fournier’s fonts from the 18th Century.
Part of the Source family, Source Serif is a transitional serif with plenty of character, inspired by Fournier’s fonts from the 18th Century.
4️⃣ Futura + Cardo
Cardo is a modern serif design inspired by old-style typefaces and is available through Google.
Cardo is a modern serif design inspired by old-style typefaces and is available through Google.
April 7, 2025 at 9:51 AM
4️⃣ Futura + Cardo
Cardo is a modern serif design inspired by old-style typefaces and is available through Google.
Cardo is a modern serif design inspired by old-style typefaces and is available through Google.
3️⃣ Futura + Adobe Caslon
Another old-style serif that is a great match for Futura.
Another old-style serif that is a great match for Futura.
April 7, 2025 at 9:51 AM
3️⃣ Futura + Adobe Caslon
Another old-style serif that is a great match for Futura.
Another old-style serif that is a great match for Futura.
2️⃣ Futura + Neue Kabel
Designed to compete with Futura, Neue Kabel’s quirkier letterforms contrast well with the more geometric Futura.
Designed to compete with Futura, Neue Kabel’s quirkier letterforms contrast well with the more geometric Futura.
April 7, 2025 at 9:51 AM
2️⃣ Futura + Neue Kabel
Designed to compete with Futura, Neue Kabel’s quirkier letterforms contrast well with the more geometric Futura.
Designed to compete with Futura, Neue Kabel’s quirkier letterforms contrast well with the more geometric Futura.
1️⃣ Futura + EB Garamond
Futura has a low x-height so pairs well with older serifs. EB Garamond is a free version of the old-style serif. Widely acclaimed for its quality, it also matches perfectly with Futura.
Futura has a low x-height so pairs well with older serifs. EB Garamond is a free version of the old-style serif. Widely acclaimed for its quality, it also matches perfectly with Futura.
April 7, 2025 at 9:51 AM
1️⃣ Futura + EB Garamond
Futura has a low x-height so pairs well with older serifs. EB Garamond is a free version of the old-style serif. Widely acclaimed for its quality, it also matches perfectly with Futura.
Futura has a low x-height so pairs well with older serifs. EB Garamond is a free version of the old-style serif. Widely acclaimed for its quality, it also matches perfectly with Futura.
5️⃣ Inter + Source Sans
Source Sans is another humanist sans serif. Like Fira, it contrasts well with Inter.
Source Sans is another humanist sans serif. Like Fira, it contrasts well with Inter.
April 3, 2025 at 10:10 AM
5️⃣ Inter + Source Sans
Source Sans is another humanist sans serif. Like Fira, it contrasts well with Inter.
Source Sans is another humanist sans serif. Like Fira, it contrasts well with Inter.
4️⃣ Inter + Roboto Slab
Roboto Slab is another slab serif. It is based on another neo-grotesque, Roboto.
Roboto Slab is another slab serif. It is based on another neo-grotesque, Roboto.
April 3, 2025 at 10:10 AM
4️⃣ Inter + Roboto Slab
Roboto Slab is another slab serif. It is based on another neo-grotesque, Roboto.
Roboto Slab is another slab serif. It is based on another neo-grotesque, Roboto.
3️⃣ Inter + Fira Sans
Fira Sans is a humanist sans serif. Although Inter is a sans serif too, the two styles contrast with each other.
Fira Sans is a humanist sans serif. Although Inter is a sans serif too, the two styles contrast with each other.
April 3, 2025 at 10:10 AM
3️⃣ Inter + Fira Sans
Fira Sans is a humanist sans serif. Although Inter is a sans serif too, the two styles contrast with each other.
Fira Sans is a humanist sans serif. Although Inter is a sans serif too, the two styles contrast with each other.
2️⃣ Inter + Faustina
Faustina is a contemporary serif. It has been designed for editorial content.
Faustina is a contemporary serif. It has been designed for editorial content.
April 3, 2025 at 10:10 AM
2️⃣ Inter + Faustina
Faustina is a contemporary serif. It has been designed for editorial content.
Faustina is a contemporary serif. It has been designed for editorial content.
1️⃣ Inter + Bitter
Bitter is a slab serif. Like Inter, it has been optimised for screens.
Bitter is a slab serif. Like Inter, it has been optimised for screens.
April 3, 2025 at 10:10 AM
1️⃣ Inter + Bitter
Bitter is a slab serif. Like Inter, it has been optimised for screens.
Bitter is a slab serif. Like Inter, it has been optimised for screens.
💡 Want to find the perfect font match? Try xheightable—a free tool that helps you pair fonts perfectly by using their x-heights! 🔗 xheightable.com
April 2, 2025 at 10:54 AM
💡 Want to find the perfect font match? Try xheightable—a free tool that helps you pair fonts perfectly by using their x-heights! 🔗 xheightable.com
⚠️ Not Ideal: Inter & Garamond
They have a 16% difference in x-height, making them feel unbalanced.
They have a 16% difference in x-height, making them feel unbalanced.
April 2, 2025 at 10:54 AM
⚠️ Not Ideal: Inter & Garamond
They have a 16% difference in x-height, making them feel unbalanced.
They have a 16% difference in x-height, making them feel unbalanced.
✅ Close Enough: Inter & Roboto Slab
Their x-heights differ by just 2% – still works well!
Their x-heights differ by just 2% – still works well!
April 2, 2025 at 10:54 AM
✅ Close Enough: Inter & Roboto Slab
Their x-heights differ by just 2% – still works well!
Their x-heights differ by just 2% – still works well!
✅ Good Pairing: Inter & Bitter
They have the same x-height = great match!
They have the same x-height = great match!
April 2, 2025 at 10:54 AM
✅ Good Pairing: Inter & Bitter
They have the same x-height = great match!
They have the same x-height = great match!
What is an x-height? 🤔
It’s the height of lowercase letters (like "x") in relation to uppercase letters (like "X"). Example: Inter’s x-height is 76% of its cap height.
It’s the height of lowercase letters (like "x") in relation to uppercase letters (like "X"). Example: Inter’s x-height is 76% of its cap height.
April 2, 2025 at 10:54 AM
What is an x-height? 🤔
It’s the height of lowercase letters (like "x") in relation to uppercase letters (like "X"). Example: Inter’s x-height is 76% of its cap height.
It’s the height of lowercase letters (like "x") in relation to uppercase letters (like "X"). Example: Inter’s x-height is 76% of its cap height.