Software Alternatives & Reviews

Typekit VS Transfonter

Compare Typekit VS Transfonter and see what are their differences

Typekit logo Typekit

This will change the way you design websites. Add a line of code to your pages and choose from hundreds of web fonts. Simple, bulletproof, standards compliant.

Transfonter logo Transfonter

Modern and simple css @font-face generator
  • Typekit Landing page
    Landing page //
    2023-04-07
  • Transfonter Landing page
    Landing page //
    2021-10-17

Typekit videos

What is Adobe Typekit?

More videos:

  • Review - Introducing Typekit Marketplace | Adobe Creative Cloud

Transfonter videos

No Transfonter videos yet. You could help us improve this page by suggesting one.

+ Add video

Category Popularity

0-100% (relative to Typekit and Transfonter)
Fonts
100 100%
0% 0
Web Icons
0 0%
100% 100
Web Fonts
100 100%
0% 0
Icon Fonts
0 0%
100% 100

User comments

Share your experience with using Typekit and Transfonter. For example, how are they different and which one is better?
Log in or Post with

Social recommendations and mentions

Based on our record, Transfonter seems to be a lot more popular than Typekit. While we know about 15 links to Transfonter, we've tracked only 1 mention of Typekit. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Typekit mentions (1)

  • What will CoinBase listing do to the price?
    That link takes me to typekit.com site - why? Source: over 2 years ago

Transfonter mentions (15)

  • TFF font usage help
    It's better to use woff then tff. You can convert your font here: https://transfonter.org/. Source: 12 months ago
  • Obsidian 1.2 now available to everyone, on mobile and desktop — introduces the new Bookmarks plugin
    That'd be great, but in the meantime you can use something like transfonter to base64 encode your fonts as a workaround. Source: about 1 year ago
  • Custom Font not diyplaying correctly on mobile
    Hi I have a specific custom font, that does display correctly on desktop but not on mobile (It falls back to a system font there). I converted an ttf font with transfonter.org using these settings:. Source: over 1 year ago
  • How to embed fonts with React and styled-components
    If you don't have all the extensions above I suggest the use of the Transfonter site. It provides you the other fonts extensions. You just have to drag and drop or upload the fonts you want in your project. Here, I will use the regular, italic, bold and bold italic of Montserrat. So, after uploading the ttf fonts from Montserrat to Transfonter, do not forget to check the formats you want (in this example, I will... - Source: dev.to / over 1 year ago
  • How to load local fonts in NextJS (Optimal way)
    PS. If you have a problem regarding vertical alignment, make sure to use this awesome tool to fix it. Just load the font and select "fix vertical metrics". Then use this new font instead. - Source: dev.to / over 1 year ago
View more

What are some alternatives?

When comparing Typekit and Transfonter, you can also consider the following products

Google Fonts - Making the web more beautiful, fast, and open through great typography

Streamline icons - The world’s largest icon pack library - 100k icons and illustrations.

Font Squirrel - Font Squirrel scours the internet in search of FREE, highest-quality, designer-friendly, commercial-use fonts and presents them for easy downloading. We don't have the most, but we do have the best.

Nucleo - Commercial vector icons and accompanying apps to manage and customize them.

Fonts.com - Fonts.com provides the biggest and best selection of high quality desktop and web fonts. Try, buy and download classics like Helvetica, Univers, Frutiger, Trade Gothic and Avenir along with popular new fonts like Soho and Neo. Find your type!

Font Awesome - Font Awesome makes it easy to add vector icons and social logos to your website. And version 5 is redesigned and built from the ground up!