Skip to main content

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.

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


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"
]
}

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