Locating Additional Premium Web-Friendly Font OptionsĪdditional options are available through paid services like: Just because you have the font file doesn’t mean you can use it via font kit so be sure to check the licensing on your fonts. You can use this if you have a font that isn’t on Google Web Fonts or Font Squirrel but is licensed for web use. If you want to venture beyond the common web safe fonts, but keep it in the free zone and do something via font kit, check out:įont Squirrel also has a handy webfont generator and services like Transfonter do, as well. These are fonts that can just be called in CSS and will display on most, if not all, computers:ĬSS Web Safe Fonts: basic list of fonts that are common enough to be considered web safeĬSS Font Stack: this site offers a complete collection of web safe CSS font stacks Where to Find Additional Web-Friendly Fonts These are fonts that don’t require loading in an external font kit through either a purchased webfont or a service like Google Fonts. If you are a designer, here are some handy resources to check out that will show the default web safe fonts. Making little choices like this can make a huge difference. This cuts out the medium weight from needing to be licensed or loaded into the site. If you use the regular and bold weight of a font primarily, but just use the medium weight for one particular design spot, you’d be best to adjust the medium weight to regular or bold. It can add up quickly.Įven factoring out the increased licensing fees, the more premium font weights you use, the heavier the webfont load will be for the site. Meaning if you’re using a font like Gilroy and using Thin, Regular, Regular Italic, Bold and Bold Italic in your design, you are licensing 5 webfonts. Often, when buying webfont licenses, you’re paying a fee per font weight used. Tip: Don’t Go Overboard on Different Font WeightsĮvery font weight used in a design matters, especially when it comes to licensing. If the fonts are for a client’s website, the client themselves would need to pay for an Adobe Fonts subscription to use any fonts through there. You cannot use your own Adobe Fonts account for a client project. Pay attention to licensing through services like Adobe Fonts. This will turn up results that give information on how the license can be purchased or will show the font being available on a free service like Google Fonts. Personally, I’d recommend just going to Google and searching for “ web use”. How Do You Know What Licensing Your Fonts Require? It’s often tied to things like unique views per month or similar, like on. However, using a commercial font on the web requires purchasing a specific license for website use. I’ve seen web designers misstep here and assume, because they own the desktop license for a font, they can use it in their web designs. A desktop license does not grant you legal web use of the font. It’s an interactive live website in its final form and type used is selectable, done by CSS font declarations. Your web design won’t be a static asset for a visitor. This is granting the amount of users purchased the ability to install that font on their own computer and use it in any computer applications and it can be used to create any static content (like print design items like brochures and similar.) If you own a desktop font license for a project, you can fire up Photoshop or Illustrator or your graphics program of choice and go to town.īut wait, isn’t a web design commonly made in these applications? So a desktop font should be good? You may purchase a desktop font for up to 3 users, for example. These two license types are not the same thing.ĭesktop font licensing typically is associated with users. Most premium fonts, meaning a font that isn’t from somewhere like Google Fonts or similar, are available to purchase in either desktop form or a separate license for web use. Sometimes it’s a mix up over licensing and sometimes I think it just flies under the radar as something designers need to consider when designing for the web. One thing that I frequently run into is the use of non-web-friendly fonts throughout design files or just confusion over what exactly is needed to use a design file’s fonts legally on the web. I do a lot of projects where I’m taking a design and building it in WordPress or Shopify. In August of 2013, I did a blog post on this topic and, nearly 8 years later, it’s still an issue I frequently run into so I felt revisiting the subject in a better fleshed out blog post could be useful.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |