fonts.com blog
Posts Tagged ‘Typecast’

by Johnathan Zsittnik

Commitment can be a wonderful thing, but not always when it comes to choosing type — especially if you’re uncertain that a typeface is the right fit for your project. With this in mind, we’ve introduced a new avenue on Fonts.com to experiment, evaluate and discover Web fonts. All of Fonts.com Web font product pages are now integrated with Typecast – the browser-based design app made for designing with Web fonts.

Typecast

Just follow the ‘Try it in Typecast’ link to reach the Typecast demo for that typeface. Enter custom text or adjust size, spacing, color and other attributes for an amazingly close preview. We’re hopeful this integration will provide a better path to explore our inventory for subscribers who are looking for a typeface for their next project as well as newcomers looking to evaluate our inventory.

Typecast_Blog

We think you’ll love working with Typecast. If you do, consider picking up your own Typecast subscription which will allow you to save changes and unlock other features. Or, get your Typecast subscription for free with any Fonts.com Web Fonts Pro or Master plan. Ready to see for yourself? Try it out with this demo for the new Trade Gothic typeface family.


by Johnathan Zsittnik

Our Fonts.com Web Fonts service has always provided great typefaces. Now it’s even easier to create great typography – thanks to the addition of the Typecast  design tool.

Subscribe or upgrade to a Professional subscription now.

Subscribe-Now


New Professional subscriptions from $40/month

Fonts.com Web Fonts Professional PlanExcellent news: We’ve redefined our Professional subscriptions to make them more affordable, plus we’re including a free Typecast subscription (worth $29 per month) with every Professional plan. From new fonts and our most popular fonts hand-tuned for the Web, to new technology such as OpenType feature support and new services like Typecast, we’re always adding more to our Fonts.com Web Fonts subscriptions and will continue this trend going forward.

Our new Professional plans start at just $40 per month and include 1M pageviews per month, but you can add additional pageviews as needed. Like before, Professional plans also include the self-hosting option and desktop fonts for creating website mockups. If you’re currently subscribed to a Professional plan or a 1M, 1.5M or 2M pageview Standard plan, we’ll upgrade your account automatically to make life easy.

Create better Web typography with less hassle

Just as exciting is the free Typecast subscription you’ll get with your Pro plan. This tool could completely reshape the way you build websites.

3_color palette

Typecast is a powerful, browser-based design app that takes the pain out of designing with Web fonts. It lets you view, pair and compare Web fonts in the browser on full-length text without having to create screenshots, assemble comps or hand-code your CSS. Sliders, drop menus and simple inputs make it easy to set text in precise detail, and because you’re designing in the browser, you’re able see changes in real time and make better, faster decisions about quality, style and rendering.

As you design, standards-compliant HTML and CSS is produced behind the scenes, allowing you to quickly share Web-ready designs with developer colleagues and get more accurate prototypes in return. In the video below, Typecast’s Creative Director Jamie Neely offers you a look at the app in action:

Typecast — Experiment with Type from Typecast on Vimeo.

Typecast + Fonts.com Web Fonts: the perfect type pairing

Best of all, Fonts.com and Typecast work great together. You can design with every one of our 20,000 Web fonts in Typecast. Your Fonts.com account is linked to Typecast, so getting your design’s Web fonts onto your website is simple. When you’re ready to export your designs and start prototyping, Typecast will determine which fonts to serve up and provide an embed code that includes them. Going forward, you can continue to use Typecast to manage the font selections in your projects.

We want to play a part in reshaping typography on the Web, and feel this combination will help you make sound typographic decisions and refinements with the Fonts.com typefaces you know and love. To our new and current subscribers, we hope you enjoy Typecast. We sincerely believe it will help you create far better designs. We also believe it makes Fonts.com Web Fonts a far better offering and remain committed to growing these plans  with additional great services like Typecast as your needs evolve.

Subscribe-Now


Johnathan Zsittnik
Johnathan Zsittnik is the eCommerce Marketing Manager at Monotype Imaging. Johnathan holds both a bachelor’s degree in marketing and a master’s degree in business administration from Bentley University.



by Johnathan Zsittnik

Today Monotype announced the acquisition of Design By Front, makers of Typecast – a browser-based tool for designing Web pages with Web fonts. Design By Front has been a valued partner of the Fonts.com team and we couldn’t be happier to have them as part of the family.

We welcome a talented group of individuals with intimate knowledge of creative markets and the challenges Web designers face. Over the past year, we’ve worked closely together. We’ve helped integrate our Fonts.com Web Fonts service into Typecast and participated in its private beta. We’ve also collaborated on speaking sessions and interviews about Web typography. This move ensures that these collaborations will continue, and we think you’ll like the outcome.

Typecast TeamTypecast was born out of the desire to make Web fonts easier to use. We’ve shared that aspiration at Fonts.com, yet our focus in achieving this goal has been limited to the usability of our own Web font service. With Typecast in the fold, we can ensure Web fonts are easy and fun to use throughout the entire design process – from ideation to implementation.

Typecast allows designers to work more efficiently with Web fonts. So it only makes sense that we make this powerful tool readily available to Fonts.com Web Fonts subscribers. While we won’t disrupt Typecast’s compatibility with other services, we also intend to make it easier for Typecast users to select our own Web fonts.  We believe this relationship will benefit users of Typecast and Fonts.com Web Fonts. We also hope it will help inspire more designers to choose Web fonts for their next project, resulting in a more beautiful and readable Web.

Johnathan Zsittnik
Johnathan Zsittnik is the eCommerce Marketing Manager at Monotype Imaging. Johnathan holds both a bachelor’s degree in marketing and a master’s degree in business administration from Bentley University.



by Johnathan Zsittnik

This week we were pleased to see that our friends at Design by Front ushered Typecast, a browser-based tool for designing Web pages with Web fonts, into public beta. We’ve been big fans of Typecast since its introduction into private beta one year ago. With a beautifully and thoughtfully constructed UI, Typecast is a joy to use. More importantly, the application succeeds in its mission of making Web fonts easier to use.

TypecastTypecast allows users to position and manipulate live text directly within the browser. This provides a more accurate preview of how text will appear when part of a website. It also simplifies the design workflow by reducing dependencies on static images when creating website mockups. Users can select Web fonts from several services including Fonts.com Web Fonts for use in their designs.

One of our favorite aspects is the ability to incorporate some of the typographic finer points that have typically been reserved for print design. Web designers can make adjustments to kerning, line spacing, coloring and shadowing or insert OpenType features such as ligatures and small caps with ease.

Typecast is free to use while in beta. We encourage you to give it a shot. The Typecast team is looking for feedback, so be sure to let them know what you think.

Johnathan Zsittnik
Johnathan Zsittnik is the eCommerce Marketing Manager at Monotype Imaging. Johnathan holds both a bachelor’s degree in marketing and a master’s degree in business administration from Bentley University.



by Johnathan Zsittnik

The notion of browser-based Web designs has gained considerable momentum over the past year. I sat down with Chris Armstrong to discuss the many benefits of starting in the browser that have many Web designers rethinking their workflow.

Chris Armstrong of TypecastJZ: What are the problems you see with the traditional Web design workflow?

CA: The traditional Web design workflow tends to give too much priority to flat comps like those done in Photoshop. It assumes that a flat comp can communicate the right design effectively but it doesn’t show you the whole picture. Applications like Photoshop and Fireworks are great for ideation and exploration, but we really need to test those ideas and work within the realistic constraints of the browser. You can get something that looks good but it’s only when you prototype that those awkward questions like, “What happens when that H1 goes onto two lines?” are asked.

JZ: What projects have you worked on where these problems were particularly apparent?

CA: I recall one project where we delivered pixel perfect comps, but when the client saw the prototype, he wasn’t happy that they weren’t as tight as the comp. Our developer was doing a great job, but he had 101 things to think about and the subtle typographic details that really hold the design together got lost in translation. It was a
lot of work to go back and add that finesse afterward. That project led us to determine we needed to get the typographic foundation right at the beginning and build from there so that we always have a basic level of quality. –And the designer needs to be the person who does this.

JZ: How does designing in the browser address these issues?

CA: Designing in the browser makes it easier to test your design decisions against different types of content, and see how a site is going to adapt to different device sizes. Because it’s composed of HTML and CSS – the raw materials of the Web – you know that if you can get it to work well here, it’s likely to work in the wild. Designing in the browser also forces you to consider the edge cases, and cater for them to avoid nasty surprises – things like the font not rendering well in a Windows environment.

JZ: How has this approach impacted the way you work with your clients?

CA: It allows us to work more closely with our clients to evolve their content. Showing them how a design renders in the browser helps us have the right conversations early in the process. It helps the client understand the constraints of the medium and give more informed feedback.

JZ: Do you still see a role for Photoshop and other drawing applications in the design workflow?

Absolutely. Applications like Photoshop and Fireworks are great for sketching and ideation. Designers are so comfortable with them; they’re like using pen and paper. But we need to spend less time ideating and more time testing and iterating those ideas against real content, within the realistic constraints of the browser environment.

JZ: What led to you developing your own application (Typecast) for designing in the browser?

CA: We got tired of waiting for someone else to do it.

JZ: You’re just about ready to debut Typecast to a broader audience. What’s next for the application?

CA: At the moment we’re focusing on getting the basics right – setting hierarchy, color, contrast. But, in the future we want to do all we can to make it easy to create a complete set of elements, to create good vertical rhythm and help with things like swapping between pixels and ems, and introduce effects. The goal is to provide the tools you need to provide a complete design system for your site.

JZ: Do you have a favorite typeface or one in particular that you’ve been using frequently as of late?

CA: I’m loving Avenir. I just love the elegance of it.

Typecast is a tool for designing in the browser with Web fonts and real content. It includes many of the most popular typeface families from our Fonts.com Web Fonts service and is currently in private beta. Apply for an early look at Typecast on Typecastapp.com.

Johnathan Zsittnik
Johnathan Zsittnik is the eCommerce Marketing Manager at Monotype Imaging. Johnathan holds both a bachelor’s degree in marketing and a master’s degree in business administration from Bentley University.



by Johnathan Zsittnik

FOWD NYThe Future of Web Design conference returns to New York City next week, and we’re excited to once again be a part of this informative and inspiring event. The schedule is packed with sessions covering HTML5, CSS, creativity and other topics from some of the most respected voices in Web design, including our own Dan Rhatigan who will be participating in three sessions. We’re also pleased to be joined by Chris Armstrong, part of the team behind the much anticipated Typecast application. Chris will help us explore how browser-based design can lead to better sites and better typography.

Type on Screen: Choosing and Using It Well, by Dan Rhatigan
Monday, November 7 at 2:00 p.m.
At last there is now incredible potential to consider a full range of typeface choices for web design, e-books, and other screen devices. However, these choices bring with them a new array of issues to be considered by developers and designers alike. We will look at a number of factors that should influence not only which fonts will work best for you, but also how you can then use those fonts effectively.

The Web Font Awards Ceremony with panelists Dan Rhatigan, Jason Pamental and Josh Clark
Monday, November 7 at 3:50 p.m.
The Web Font Awards is the first ceremony to celebrate the newfound typographic freedom that Web designers are experiencing across the globe. Presented by Monotype Imaging with support from Carsonified, the Web Font Awards is a design competition for websites using Web fonts. Join us for a quick recap of top entries and a spirited debate from our panelists who will determine this year’s Judges’ Choice winners!

Better Sites with Better Type: Designed in the Browser, by Chris Armstrong of Design by Front and Dan Rhatigan
Tuesday, November 8 at 1:20 p.m.
The Web is a living medium, and at its heart is compelling content. Putting content first and designing with HTML and CSS can help you produce better designs that are easier to maintain. Learn how to create a strong typographic foundation using Web fonts and how the small adjustments that make typography blossom are better made within the browser.

If attending, be sure to say hi to the team at the Fonts.com booth for a look at what’s new with our Fonts.com Web Fonts service or a sneak peak at how you can design with Web fonts using Typecast.

Johnathan Zsittnik
Johnathan Zsittnik is the eCommerce Marketing Manager at Monotype Imaging. Johnathan holds both a bachelor’s degree in marketing and a master’s degree in business administration from Bentley University.