Use webfonts without manually installing font locally
I would like to use icon libraries (web fonts) without to install them as fonts in my system. For that it would be great to have the option to use all icons of a downloaded "woff-file" i.e. from the following sites and embed them into the xd project:
Google Web Fonts
I think the google fonts are not so important. I can install them (all?) on my system via SkyFonts. But it's hard if you have some WOFF or EOF-files which are special developed for the web/screen and there is no OpenType or TrueType available. How can I show my client how the website really look like?! Ok every browser will show the font different, but it's better than to use Arial!
I was wondering that I didn't found anything how to use WOFF or EOF in Adobe XD or Sketch … I think this would be a great feature!!!
Aad Metz commented
Yes I'm missing Edge Web fonts
Hannah Milan commented
This is a nice request and I'm voting for this.
Either Typekit integration or Google font/integration or plugin will help designers to actually improve their productivity.
Eduardo Sully commented
This will DEFINITELY bring adobe xd to a new level and will greatly streamline our work by building the interfaces. This has to happen.
This definitely NEEDS to happen. At the moment, there isn't a great solution for the gap between web and installed fonts. We're building interfaces FOR THE WEB on this program. We should not have to search for "[Insert font here] webfont alternative" every time we're trying to pick through a great type set for the site.
Skyfonts is a great resource for this.
Zach Bruce commented
Just use the Skyfonts app to sync Google Fonts to your computer.
it would also be great if I could use "web only" fonts from typekit in XD. otherwise it's kind of difficult to create a webdesign :-/
ux/ui and front-end developer
add google font to make it accessible from inside XD like typekit in photoshop, illustrator and indesign cuz when i coding website we using google font all the time and in every project ... so i need when i making the design and put text, title...etc the font be the same font in design cuz sometimes style of the font making issues cuz every font has his own style bold, bold black, light...etc sometimes dimension making problem specially...
i don't know if u got what i mean or not but i'm here for any details or explain..
Daniel Mee commented
Strange this hasn't had so many votes. Seems like a great feature and yes, as Austin says, just start with Typekit and Google fonts at least. Would be great to just add the CSS import statement as a minimum:
But then have a cloud fonts UI so you can just search roboto and use it without having to "install" it first.
I know the type features are rather young at this point in development, but eventually I think it would be nice to be able to directly include Google web fonts. Working on any interface design, especially web designs, using a font CDN like Google web fonts, or even something like FontAwesome, is invaluable. Having the fonts loaded manually, separately, feels so disconnected from the actual development process that, unless you're using a custom or system font, it doesn't seem to make sense to design that way.
I realize that this may take some discussion with each respective company, in order to incorporate their systems commercially, but even starting with Adobe Typekit implementation would be awesome. Simply having some ability to use web fonts without having to download and clutter our font libraries would be extremely beneficial.