Transfonter Reviews and details

Social recommendations and mentions

• 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: 12 months 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

• A quick one...So um, how do i get rid of that space beneath the text so it can vertically center properly with the auto layout?

  You can do this by editing the font with: Https://transfonter.org/. Source: almost 2 years ago

• Charter disagrees with CSS content box -- any fix suggestions welcome

  You can try to use Transfonter to convert your web fonts. They have an option to “Fix vertical metrics” which may help. Source: about 2 years ago

• Store Font in Vault?

  Use https://transfonter.org/ to upload your fonts and check the Base64 encode option. Source: about 2 years ago

• I need some help with custom fonts. Thanks to all Devs for reply

  Only providing .ttf file for webfont won't be good enough for cross-browser support. Convert your font via https://transfonter.org/ download result and add all to your css. Source: over 2 years ago

• Font's line-height broken in the file?

  This is definitely an issue of the font itself. I had this a while ago with a customer's font. To 'fix' this I used https://transfonter.org/. You can fix the baseline (fix vertical metrics) with that tool. My long term solution was contacting the font author, who actually fixed this in the font. Source: over 2 years ago

• Google Webfonts Helper – Hassle-Free Way to Self-Host Google Fonts

  I used that and this one recently too: https://transfonter.org/ The good thing about transfonter is it writes all the horrible @font-face css for you, and also converts uploaded fonts into WOFF2 for example. - Source: Hacker News / over 2 years ago

• Where to find WOFF2 fonts?

  This is also a great resource to convert other font file types to woff and woff2: https://transfonter.org/. Source: over 2 years ago

• anyone know the old post here about someone fixing the problem with arabic words lining?

  Go to https://transfonter.org Upload the font and tick the fix vertical metrics option. Source: over 2 years ago

• What's your opinion on the Obsidian mobile app?

  Sharing plugins and themes might cause some "problems." I had to keep a separate plugins and themes folder called .mobile so that I can choose what plugins to be excluded in mobile version and to manually customize my mobile css. Getting the fonts to work is also not easy. Had to go through transfonter.org (Base64) to get it work. Source: over 2 years ago

• Using Custom Fonts In Tailwind CSS

  Extract the downloaded zip file from Transfonter, Move all the files into the /public/fonts folder in your project directory. - Source: dev.to / almost 3 years ago