Request details

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:

materialdesignicons.com
flaticon.com
Google Web Fonts
FontAwesome

625 votes
Sign in
(thinking…)
Sign in with: Facebook Google
Signed in as (Sign out)

We’ll send you updates on this idea

Tom shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

28 comments

Sign in
(thinking…)
Sign in with: Facebook Google
Signed in as (Sign out)
Submitting...
  • Anonymous commented  ·   ·  Flag as inappropriate

    Hi, I'm a UI/UX Designer/Dev who needs to embed .eot, ttf, svg, woff, and woff2 files instead of using the headtag to my Adobe Cloud web project saved fonts. The reason this is important is because the sites I work on are not all open-source and are in a closed intranet environment.

    The Google font kits are not matching correctly to the Adobe fonts, so Adobe, please provide these hard files!

    Same goes for icons similar to this stream.

  • JL Garcia commented  ·   ·  Flag as inappropriate

    Configure the file in a way to tell what fonts the prototype needs and where to find it, Google Fonts, Adobe Fonts, MyWebsite/fonts or whatever they are for this prototype to work without having to install them in a handheld device or the computer where the prototype is gong to be viewed.
    This way we could design using any font necessary, iterate, play with before settle with what fonts are going to be used in the final design. Otherwise we are limited to what fonts the device has loaded.
    A much better solution would be to embed the fonts with the prototype, but if is not possible or difficult, just referencing the fonts to a website may work.
    I only want to use some of the available fonts in my computer in the prototypes. At this time is not possible or very difficult to do.
    Thanks.

  • Jan commented  ·   ·  Flag as inappropriate

    Adobe is always trying to push Adobe fonts of course, but its kinda annoying cause we don't wanna use Typefikit, wWe use Google Web Fonts.

  • Dave commented  ·   ·  Flag as inappropriate

    ESPECIALLY Google Web Fonts! I would really, really like to see this happen. Adobe Fonts is a good start, but I strictly use google web fonts in my builds and need to be able to send the client a pretty good example of what they're going to see.

  • Wren commented  ·   ·  Flag as inappropriate

    I'm going to try Skyfonts. I use Google fonts as well as a work horse across all my sites across various CMSs. Trying to keep the latest versions with a Design systems and teams is a pain.

  • Mike B. commented  ·   ·  Flag as inappropriate

    hey,

    just import a font-library like fontawesome and u have everything u need,

    in your css or sass or less just @import the desired font-library and use as you would do as for any other font:

    eg. in your css, less or sass source:

    @import url('https://fonts.googleapis.com/css?family=Roboto');
    </style>

    and then

    in your css, less or sass source:

    body{
    font-family: 'Roboto', sans-serif;
    }

    cheeers
    mike

  • Michal Mechacek commented  ·   ·  Flag as inappropriate

    Definitely yes, we want it. Our work is still blocked by licence for web vs desktop ... if our clients want use fonts only on their websites we still needs download desktop type fonts (which are in most under some licence)
    I can recommend add some possibility use webfonts with @import() or direct upload .woff font files into XD designs. https://www.fontsquirrel.com/ has sometimes problems to generate .ttf s from .woff.

  • Mehdi Bouhalassa commented  ·   ·  Flag as inappropriate

    Please, please do.
    At the same time, it's NEVER gonna happen, because Adobe Typekit.
    And this is why we can't have nice things.

  • Jane commented  ·   ·  Flag as inappropriate

    ABSOLUTELY. Every web designer uses Google fonts A LOT. I've just started to use Xd and can't believe that the fonts that I'll definitely be using in the finished product are missing when I view my prototype on iOS - what's the point of that??

  • Peter Villevoye commented  ·   ·  Flag as inappropriate

    It's indeed a crucial feature, to have those popular fonts immediately available, next to your own fonts, and the licensed TypeKit collection. And yes, it needs to be the whole Google repository ! Not just the Edge Web Fonts. Just do as SkyFonts does – yes, I know my dear Adobe, that hurts, and them too. But that's how those free cookies crumble, nowadays. By trying to ignore the obvious, you'll end up as the one being ignored...

  • Gina commented  ·   ·  Flag as inappropriate

    I was kind of flabbergasted that this isn't a thing that I could already do; it would save me a ton of time to be able to pull from Typekit and Google Fonts!

  • Mike B. commented  ·   ·  Flag as inappropriate

    i'm really wondering how this can be practical if the desired fonts must be installed to the viewers system.
    and why typekit is not usable inside the adobe-family-tools. someone missed something... :)
    it's a must have!

  • Matza commented  ·   ·  Flag as inappropriate

    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!!!

  • Hannah Milan commented  ·   ·  Flag as inappropriate

    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.

← Previous 1

Feedback and Knowledge Base