There are a lot of high-quality resources for the web out there. One of those is Google’s Web Fonts, which provides easy access to hundreds of free-to-use fonts. Since ProtoShare prototypes are based on web standards (HTML5, CSS, nyan cats, etc.), using these fonts in a prototype is really easy.
Here’s a design I made called “Step Up Your Game” (click for a larger view):
I like the design, but the built-in fonts don’t really capture the retro feel I’m after. Luckily, a quick trip to Google Web Fonts yields Monoton, by Vernon Adams, which is perfect.
Using a web font in ProtoShare is a snap:
- Get the “@import” CSS from the page for the font.
- Add it to the Main Style Sheet in ProtoShare.
(Be sure to add the “@import” before any other styles.)
- Use the font name in the Inspector
(ProtoShare will find the font in your style sheet and add it to the list of fonts.)
That’s really all it takes to use a custom font in a ProtoShare design. Through the magic of web standards, it just works! Here’s the finished design: