Fontstand has introduced an innovative iPad app that lets users explore, filter, manage and use its extensive library of professional-quality fonts. Since iPadOS now supports custom fonts, Fontstand is expanding its MacOS and Windows font rental system, allowing a growing number of compatible iPad applications (including Apple’s own Keynote, Pages and Numbers, as well as Adobe’s Photoshop) to access 15,000+ fonts from 50 renowned independent foundries.

“There are three times as many active iPad users as there are desktop Mac users. Fontstand’s ambition has always been to introduce professional-quality typefaces to new audiences, and supporting iPadOS lets us reach many people who have never licensed fonts before,” says Fontstand co-founder Peter Biľak.

In 2015 Fontstand revolutionized font licensing by offering short-term font rentals at attractive prices. With one click, users can rent fully functional fonts for 30 days at 10% of their normal retail price. Founded by active type designers, the company aims to benefit both font foundries and end users, expanding the market for high-quality, legally licensed typefaces.

The application is free to download via the App Store. Users who rent fonts via the Fontstand desktop app for Mac or Windows will find those same fonts available on their iPads at no extra cost. Fontstand also offers a $4.99 iPad-only monthly subscription that gives access to its library of over 1600 font families supporting hundreds of languages from Abaza to Zulu. With so many fonts to choose from, users will be glad to know that the iPad app offers the same search function as its desktop counterparts, so fonts can be filtered not only by traditional categories (serif, sans serif, slab, script, display, etc.), but also by visual attributes such as width, x-height and stroke contrast, as well as OpenType feature support and language support.

Co-founder Andrej Krátky adds: “We imagine that creative professionals and design enthusiasts will take advantage of the advanced possibilities of iPad to create their presentations, documents and graphics directly on the tablet, without the need to migrate projects across platforms.”

Download the App

On Saturday, May 25, 2019 the second Fontstand conference took place in Porto, Portugal. Taking place one day before the European elections, it couldn’t have felt more international, more like a celebration of diversity and community. Occasionally, the type and design scene can feel quite US-centric, but not at this event. Each speaker seemed to speak a different flavor of English and some of the 200 people in the audience had traveled from as far away as Australia, Brazil or the west coast of Canada.

While the first Fontstand conference in 2018 came about as a foundry meeting first and conference second, this time the conference part was planned from the outset, largely organized by local type designer Dino de Santos (DS Type) and Fontstand’s Andrej Krátky and Peter Biľak. The theater-like Ateneu Commercial do Porto in the city center provided a charming backdrop — even winning this year’s conference-chandelier rating — and space for the packed program of 13 stage presentations and 13 interspersed “Tiny Talks” (one slide, 5 minutes).

The prevalent motif of the presentations was true “behind the scenes” insight into the work and lives of type designers and independent businesses, touching, among other things, on the discomfort of giving up design control with variable fonts, the less glorious parts of running a type business, font licensing, finding inspiration for your work amongst seemingly dead ends, developing your own tools to explore new creative directions, designing for different writing systems and matching different scripts, but all livened up by the zippy 5-minute talks in between that went as far as to propose eliminating all letters with diagonals from the alphabet.

Some may have found so many presentation on type design quite geeky; to others it was a welcomed difference to other conferences that focus more on general graphic design or on academic research. Either way, events like these — still small and casual enough — provide a rare chance for real conversations between (typo-)graphic designers, students and type makers and sellers, something we should maybe encourage and facilitate even more. Coffee and lunch breaks gave some time to chat and mingle, but were kept brief in favor of the dense program. We’re curious to hear the opinion of attendees on that: Do you prefer fewer talks and more breaks? A slightly higher ticket price to cover a simple catered lunch so we can stay together at the venue and talk more? Or maybe even a two-day event?

While the public conference part lasted for one day only, it was a multi-day event for the foundry partners. On Sunday we met to discuss foundries’ and Fontstand’s experiences of the past year, new ideas and new locations. Several more partners attended who couldn’t make it in 2018, so the event was also a great opportunity to get to know each other better and exchange views with far-flung colleagues. Where else do you otherwise see 30+ independent type foundries in one room talking to each other, and above all, in good spirits?

Too short a meeting almost, despite Dino having set up a great full-day program including a beach café lunch and port wine tasting. We hope to keep the conversation going during the months until the next event. Do let us know if you want to comment on anything regarding the conference, its location or Fontstand in general. We want it to be the most varied and friendly place to look for and hear about typefaces.

Text by Indra Kupferschmid
Photos by Michael Bundscherer

Today’s design students are tomorrow’s design professionals, and they need to train with professional design tools, including high-quality digital typefaces. Many schools, however, find it difficult to give their students access to professional-quality type.

In the days when the “notebooks” that most students carried were three-ring binders, schools had computer labs where students could work with fonts licensed for use on school equipment, an arrangement that was hardly cheap, but at least centralized and manageable. Today, more and more students are doing more and more of their work on their own laptops, but few can afford to maintain a broad library of high-quality, legally licensed typefaces, and fewer still can justify the purchase of a font that will be used for a single project and may never be needed again. The average foundry, on the other hand, is unlikely to agree to let schools install its fonts on thousands of student computers when there’s no practical way to guarantee that the files won’t be kept and/or redistributed, even long after the students graduate.

Enter Fontstand, the company that pioneered technical solutions to make font licensing affordable for users and profitable for independent foundries. The same monthly rental system now used by thousands of small- and medium-sized design studios is now being made available for educational institutions at a special price. Regular users of Fontstand’s Mac and Windows desktop applications can try fonts for free and rent them for just 10% of their retail price per month, and now students at participating design schools and colleges will be able to rent them for just half that, as Fontstand will forego its share of the license fee (effectively donating it to the school) while ensuring that the foundries still receive their royalties in full.

How it works: participating design schools and colleges can set their font budgets and specify a number of students. Each student will then receive a voucher for his or her share of the budget, gaining access to Fontstand’s growing library of top-quality type families. Schools get a convenient, affordable font licensing solution, students get to work with professional-quality tools on their own computers, and foundries and type designers get full payment for their work, a win-win-win situation.

If you are an educational institution interested in this offer, write us at support@fontstand.com or fill out the form at http://fontstand.com/education

Fontstand partnered with The Society of Typographic Arts (STA) in Chicago to organise a regular series of lectures on type design and typography.

STA was established in 1927, Chicago’s oldest professional design organization, promoting high standards and focus on the art and craft of typography, design, and visual communication. Fontstand, a typeface discovery tool, partnered with STA to curate a new lecture series program to bring inspirational type designers to Chicago.

The first in the series is James Edmondson of OH no Type Foundry, a chill, San Francisco-based type designer that reinvents expressive under-appreciated genres of type design. Save the date, Tuesday October 24, 6pm, at Leo Burnett. Get your tickets here. As a bonus, James will conduct a Type & Lettering Crit the following night. Don’t miss this amazing opportunity.

Fontstand and STA named this series of talks ‘Font Faces’, and plan to bring a mix of type designers to Chicago every spring and fall. Fontstand will be giving away $20 credit to all attendees of the event for the fonts of the presented author — this time, James’ fonts such as Hobeaux. Even thought the font rental will be offered for free, Fontstand will pay the royalties to the authors to support the work of type designers.

Fontstand webfonts can be used on any website, including the online content management systems (CMS), such as WordPress or Squarespace. This tutorial shows you simple step-by-step guidelines on how to implement the webfonts on your website.

Please read our Fontstand webfonts easy tutorial first for basic info about generating your Fontstand webfont CSS code.
The code consists of two parts: the URL <link> to be placed in your page’s head section, and a set of CSS rules for referencing to specific fonts.

WordPress

By default, your WordPress site will be configured using some basic Themes from the start. You can also update your web page with any of the thousands of free or commercially available themes and each of them will have a slightly different structure. But these basic steps should help you to replace the default fonts with your Fontstand rental webfonts in most cases.
When possible, try to refer to your themes developer documentation for any theme-specific info.

1. Log into your WordPress admin area, in the left hand side menu, click Appearance and then Editor.
   If you have more than one theme installed, Select theme to edit using the selector on the right hand side of the main window and click Select.

2. In the list of files under the theme selector look for the Theme Header (header.php) and choose it from the list.

3. Paste the <link> part of the CSS code somewhere between the existing <head></head> tags in the editor window.
   The code will look like this:

   <head> <link  rel="stylesheet"  href="https://webfonts.fontstand.com/WF-xxxxxx-xxxxxx.css"  type="text/css”> </head> 

   Click Update File.

4. Find and select the Stylesheet (style.php) file from the right hand list.

5. Look for the font definitions you want to replace with the Fontstand webfont. It will contain the font-family property followed by the default font name. Insert the Fontstand font name found in your CSS code just after the font-family tag, leaving the original font definition as a fallback.
   
   For instance, the original definition:

   font-family: “Helvetica Neue”, sans-serif; 

   will become:

   font-family: “Fontstand Font Name”, “Helvetica Neue”, sans-serif; 

   You may also need to replace the font-weight and font-style definitions with the default values for Fontstand webfonts:

   font-weight: normal; font-style: normal; 

To modify your styles to target specific elements of your website you may need to change the structure of the original CSS definition so that each font-weight and font-style is defined separately.

Squarespace
(thanks to Mate Varadi for valuable info)

1. Sign in to your Squarespace account.

2. Click Settings then Advanced.

3. Choose Code Injection.

4. Paste the <link> part of the CSS code under Header.
   The code will look like this:

   <link rel="stylesheet" href="https://webfonts.fontstand.com/WF-xxxxxx-xxxxxx.css" type="text/css"> 

   Click Update File.

5. Click Save.

6. Return to your site by clicking the back arrow.

7. Click Design then Custom CSS.

8. Paste the second part of the Fontstand CSS code into the editor window.
   Now replace the element description with any other selector to use the given font.
   Each Squarespace template uses different classes and conventions, so it is best to use a tool such as Chrome Developer Tools or Firebug to inspect the elements on the page.
   For example, if you want all of your headers, the body text and paragraphs to render in the Fontstand font, your CSS would look like this:

   h1, h2, h3, h4, body, p{ font-family: “Fontstand Font Name”; font-weight: normal; font-style: normal; } 

9. Click Save.
   
   

P.S. If you have any questions or know a better way of using Fontstand fonts on these or any other platforms, please don’t hesitate to contact us.

How exactly can I generate Fontstand webfonts?

After you start a rental (or a free trial) of a font with the Desktop & Web option, you can activate your webfonts in 4 simple steps:

1. Go to the Webfonts section of the Fontstand app and using the drop-down menu Add Font (or multiple fonts) to the list of your webfonts.

2. Specify the Domain Address to be active for all your webfonts.

3. Select any number of available fonts from the list by clicking the small check-box and click the Get CSS Code button.

4. Copy and paste the resulting CSS code into your web project.

Please make sure you define all domains and subdomains that you use, for example mysite.com and also blog.mysite.com or mysite.net. Webfonts will function only on the defined domains.

Implementing webfonts on your site is easy.

The resulting CSS code displayed in the Fontstand app consists of two parts.

Your custom key is embedded inside the first block of the CSS code, and just needs to be pasted between the <head></head> tags of your web project.

<link rel="stylesheet" href="https://webfonts.fontstand.com/WF-xxxxxx-xxxxxx.css" type="text/css"> 

You can now define which parts of the text will use the custom fonts. Use the second part of the generated code to reference the desired font, which looks like this:

element { /* replace with your selector */ font-family: “Xxxxx Xxxxx”; font-weight: normal; font-style: normal; } 

You can replace the element description with any other selector; in our example we would like to define the paragraph <p>. The resulting code will look like this:

p { font-family: “Xxxxx Xxxxx”; font-weight: normal; font-style: normal; } 

Next you will need to put some text between the <p></p> paragraph tags:

<p> Fontstand One-Click Font Rental </p> 

And the complete html code example will look like this:

<html> <head> <title>Web Fonts Tutorial</title> <link rel="stylesheet" href="https://webfonts.fontstand.com/WF-xxxxxx-xxxxxx.css" type="text/css"/> <style type="text/css"> p { font-family: “Xxxxx Xxxxx”; font-weight: normal; font-style: normal; } </style> </head> <body> <p> Fontstand One-Click Font Rental </p> </body> </html> 

Don’t forget to click your browser’s refresh button.
Voilà, you are ready to start using Fontstand webfonts!

Using font stacks.

The font-family property can hold several font names as a “fallback” system. If the browser does not support webfont embedding, it tries the next font. Start the list with the font you want and end with a generic family to let the browser pick a similar font if no other fonts are available. If the name of a font family is more than one word, it must be in double quotation marks, for example: font-family: “Times New Roman”. More than one font family is specified in a comma-separated list. Example:

p { font-family: “Xxxxx Xxxxx”, "Lucida Sans", sans-serif; } 

You can find further information on using CSS font-family property at w3schools.com.

Updating the list of defined domains.

Even after you have implemented the CSS code into your web project you can still update the list of domains for a specific range of selected fonts. Just open the Webfonts view on the Fontstand app, add a new Domain Address and re-generate your webfonts. To do so, you only need to select the exact same fonts you have used in the previously generated CSS and click the Get CSS Code button.

The resulting CSS code remains the same, so there is no need to change anything in your web project, but after doing so your webfonts will also work on the newly defined domain.