All Typefolio – 30% off until 5 March
All Typefolio – 30% off until 5 March
Designers can now test out the thousands of webfonts from FontShop.com on existing websites, free of charge. FontShop International is pleased to introduce its WebFonter tool available at webfonter.FontShop.com.
Aiming to make the web design process as seamless as possible, WebFonter allows designers to “try before they buy,” by previewing actual typefaces in any existing site. The tool can be used as a Chrome extension, browser bookmarklet or by entering a URL directly at webfonter.fontshop.com.
Users can replace headline or body (paragraph) text, specific fonts, or, using custom CSS selectors, anything they want with FontShop webfonts.
WebFonter can be used during the design and development process – a critical time for font choice. The target website does not need to be publicly accessible in order to test-drive webfonts. This hugely important feature marries well with the current web design trend towards designing directly in the browser, and makes WebFonter an extremely useful and powerful tool.
By pairing Webfonter with the FontShop Plugin, designers can now easily preview fonts in the concept stage of design from print to web.
1. Self-Hosted vs. Hosted
Learn the difference between the two types of webfont hosting.
2. How webfonts are licensed.
Discover who should be licensed and how.
3. What formats are webfonts available in?
With @font-face you can use various formats, but your license may only cover specific ones.
4. Can all webfonts sold on FontShop be linked to Typekit?
Tips on how to recognize webfonts that can be brought into a Typekit account.
5. Can I install EOT or WOFF on my computer?
Find out if you need a desktop license too!
As a bonus, check out out our education page where you can find tips on how to use type in print and on the web.
And if you have additional questions you can always email FontShop’s Support Team for help.
Webfonts are here to stay, but there seems to be some confusion on how webfonts are licensed and implemented on a site. You have two basic options, Hosted or Self-Hosted. Below are some basic things to know.
Self-Hosted webfonts from FontShop
Hosted webfonts from service providers
When licensing a webfont in EOT/WOFF formats, web licensing is based on the traffic the website it will be used for generates, or in other words, the website’s average pageviews per month. If you’re not sure whether or not you have a webfont in your cart, read our “Buyer’s Guide: Am I buying a webfont?” post to learn more about buying webfonts.
Once you have a webfont in your cart, you’ll notice that you won’t be entering the number of users you need to license (that’s generally for desktop licensing), but instead you’ll be choosing from three different pricing tiers: Personal, Business, or Professional.
A common question we get is: “My company’s website doesn’t generate more than 500,000 pageviews per month. Do I still have to purchase the Business tier or can I purchase the Personal tier?”
The answer is: choose the tier that best suits your needs based on the pageviews per month listed. These names — Personal, Business, and Professional — are just the tier names and do not refer to what type of website you will be using the fonts for. For example, if you’re a small business whose website traffic does not exceed 500,000 pageviews per month yet, choose the “Personal” tier.
If you need to license your webfonts for more than 50 million pageviews per month, please contact our Sales & Support team and we’ll get you set up with the licensing you need.
For many of the desktop fonts available, you can license up to 1,000 users for the fonts online. If you need to license more than 1,000 users for the fonts you’re interested, contact us and we can let you know the costs for larger Multi-User Licenses.
Quotes are easily obtained once you’ve added the items you need to purchase to the cart. Desktop fonts are licensed in blocks of users; you will have to enter the number of computers that you will need to support, and the cart will automatically recalculate your subtotal if necessary. The default number of users is the cost of a basic license.
Web licensing is based on the number of pageviews per month the website you’ll be using the fonts on generates. Pricing for webfonts are based in tiers of up to 500000 pageviews per month (pvm), 5 million pvm, or 50 million pvm. If your website is super popular and the traffic it generates is over 50 million pvm, let us know and we can provide quotes based on your needs.
Be sure to double check the End User License Agreement before licensing font. End User License Agreements, EULAs for short, are rules to follow when you want to use a font. You’ll want to keep in mind that you are not purchasing the typeface itself, but a license to use the font software. Because we have 100+ foundries that have their own EULA and you might not want to read every single one, we added a shortcut to a product’s EULA at the bottom of their page.
If your company is growing, you can always extend your license to support additional computers by contacting us. We’ll also answer any additional questions you may have before your purchase.
FontShop‘s webfont selection is limited to the formats that the foundries supply and is not available in TTF or SVG formats. Under many of the foundries’ licensing terms, converting fonts to other formats for web use is not allowed. Always double-check a foundry’s End User License Agreement to be sure what is and isn’t allowed.
Keep in mind that desktop fonts and webfonts are not the same! Desktop licensing and web licensing are completely separate, so if you’re planning on using something like FF DIN for a big project that includes print materials and a shiny new website, you’ll need to license both the desktop version (OpenType or TrueType format) and the web version (EOT and WOFF formats).
If you have only purchased a webfont, you will not be able to install the webfonts on your computer. Webfont formats — EOT and WOFF — cannot be installed on Macs or PCs. A webfont will not work in desktop programs like InDesign or Microsoft Word.
If you need a version to install on your computer for mockups or wireframes (in Photoshop or Illustrator, for example), you can use our Plugin to test out fonts in Adobe® Creative Suite® — it’s free and easy to use!
Hosting with Typekit
When you purchase a Web FontFont, you will be given a voucher code that links your Web FontFonts to your Typekit account. Send your Web FontFonts to Typekit by clicking on the link given to you when your purchase is complete. When you click on this link, you should be taken to a page that should look something like this:
At this point, you will be able to double-check to make sure you are linking the correct Web FontFonts to your Typekit account. You can then sign in to your Typekit account or create a new account.
If you don’t find a yellow box with a link to send your webfonts to Typekit when you’ve completed your purchase, you can still use webfonts. Remember, Typekit is completely optional and all webfonts on FontShop can be self-hosted!
With the New Year comes new questions … or the same ones. Below is our list of the best Buyer’s Guide tips we have for any type enthusiasts and designers out there who want to license fonts during their winter break or anyone who’s missed our previous Buyer’s Guide tips:
1. Font Formats
Double check the fonts in your cart before licensing them to make sure you have the format you need or the format that has the best compatibility with the system or programs you’re running!
2. What is EOT and WOFF?
Increase your understanding of the web formats available before licensing fonts for the web.
3. Can All Webfonts Be Linked To Typekit?
You’ve learned the difference between desktop licensing and web licensing and have decided you need to purchase some webfonts. If you have a Typekit account, read this Buyer’s Guide tip to make sure if the webfonts you want can be linked to your Typekit account or not.
4. Buying Fonts For Others
Still haven’t gotten gifts for a few people on your list? Don’t worry, you can buy fonts for them — that way, you won’t have to deal with getting out of your pajamas and trying to find parking in crowded shopping lots the day before Christmas.
FontShop is always here to help. Happy FontShopping!
We’re rounding up previous guides to help you demystify licensing webfonts on FontShop.
Need help finding webfonts on our site?
Confused about what webfont formats are and how to use them?
Then check out what is EOT or WOFF.
Don’t know the difference between a desktop license and a webfont license?
Read up on how our webfonts are licensed.
Do you have a Typekit account and you want to link your webfonts to your account?
Part five in our series, we hope you’re not getting nightmares:
He only noticed the effects of it over time, more like arsenic than the guillotine. Something so beautiful and young shouldn’t have to endure wearing such a horrific mask, when its real features are much bolder. But how could he have known? He wasn’t used to working in this platform and he realized his fatal error much too late. He didn’t mean to inflict such a slow death on web typography.
Faux bolding and faux italic is a common crime for designers using webfonts. It happens by not specifying the font family properly. Instead of showing a true bold or a true italic, the browser or renderer will embolden or slant a regular weight. You can fix this issue by defining your font family properly in the CSS, including links to each font that will be required.
Since FF Chartwell’s May release, the design world has been abuzz with accolades for its unique approach to infographic creation. With the recent FontFont release, web designers can now rejoice – FF Chartwell Web is here!
Back in May we first introduced FF Chartwell’s nonconformist approach to creating charts and graphs: simply type in the numbers and let the font do the rest. Rings, rose, radar, pies, bars, lines, and vertical bar charts, all as easily styled as type, result automatically. Use FF Chartwell Web with static text or real-time data.
FontFont had to think creatively to work around the lack of OpenType support in most web browsers to keep FF Chartwell working to its users expectations. The end result is “more than just a font“:
Web designers can test FF Chartwell Web on the FontFont How To site’s live demo. We can’t wait to see the beautiful infographic websites that FF Chartwell is bound to inspire. Please share your creations in the comments!
In the past you only had to worry about basic desktop licenses, webfont choices were limited to system fonts, and designing for mobile apps wasn’t a priority. Now you have to worry about supporting all three: desktop, web, and mobile.
But don’t worry, FontShop has got you covered!
You can purchase a basic desktop license that allows a font to live on your computer. The software is installed on your system so that you can use the font in various programs, but this license doesn’t include support for web or mobile.
Webfont licenses allow fonts to live on your site using the CSS @font-face rule. Take a look at how we label our webfont products and view our webfont license guide for primers on finding and purchasing webfonts.
Finally, mobile licenses allow a developer to include Mobile FontFonts into multiple apps, the license is perpetual, and they have web and desktop counterparts.
If you can’t find the license you are looking for, FontShop’s support is always here to help.
Just in this week—a fresh new face. As always, subscribe to our newsletter and read this blog for the full stories. Now for the latest from the following foundries: