Skip to main content

Use custom webfonts (woff,woff2) in Figma desktop app

  • August 19, 2022
  • 4 replies
  • 6058 views

Ilya_Ivanov

Is there any way to import custom webfonts into Figma desktop app, e.g. from some CDN or using woff/woff2 source files?

Convertion to other font types seems to be a workaround, but it’s not quite reliable due to possible conversion losses and distortions.

4 replies

samuelcouto

This is also something I’ve been trying o do, but I have no idea how to do it or even if it’s possible?

I found this plugin, but it doesn’t seem to be doing anything after I import the font… 🤔
Plugin: https://www.figma.com/community/plugin/1131588345452416028/font-importer


Laurence_Penney

The trick is to make sure you list all the URLs you are requesting from in your manifest.json. Note that this means where the CSS comes from and where the font binaries come from. For Google Fonts, this should work:

  "networkAccess": {
    "allowedDomains": [
      "https://fonts.googleapis.com",
      "https://fonts.gstatic.com"
    ]
  }

Laurence_Penney

Sorry, I’m talking about how to write a plugin such that web fonts can appear in the plugin. I’ll leave this here in case someone else is looking for this info 🙂


There’s a comment on that plugin that it actually converts each character to an SVG- which may not be what you are looking for.


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings