Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestShare on Reddit

  

I’m happy to announce that today we have added Google Web Fonts to the Web Font Plug-in for Adobe Photoshop. This further expands the creative options available to web designers directly from Adobe Photoshop. With both WebINK and Google Web Fonts now available from the plug-in, designers have thousands of fonts to choose from the mock-up phase of website development.

The FREE plug-in can be downloaded at www.webfontplugin.com immediately.

You may ask why we’ve chosen to develop a plug-in for Photoshop? From our extensive surveys of web designers, we identified that the vast majority begin the website design process in Adobe Photoshop. While some may use other tools such as Adobe Illustrator and InDesign or even begin by actually mocking up in code, most designers surveyed chose Photoshop as their initial digital version.

The Web Font Plug-in provides a dynamic connection to the Google Web Font service to provide up-to-date fonts directly in Adobe Photoshop. With the plug-in, designers don’t need to separately download and install fonts to have them be available for use in Photoshop. When new fonts are added to the Google Web Fonts list, they automatically appear in the plug-in.

David Kuettel, technical lead of Google Web Fonts told me why they chose to integrate Google Web Fonts with the plug-in. “Integrating Google Web Fonts into the Extensis Web Font Plug-in reduces the pain of creating website comps using web fonts. The Web Font Plug-in gives designers expanded creative options and makes Google Web Fonts nearly ubiquitous for web designers and developers.”

The Web Font Plug-in now includes many popular open-source font families from Google Web Fonts, including Lobster, Droid Sans and Ubuntu. WebINK fonts are also available and include thousands of high-quality fonts from foundries like Dalton Maag, Mostardesign and Paratype.

To learn more about how to integrate Web Fonts into the Web Design process, please join us for a Webcast on November 29: How to Implement Web Fonts On Your Websites.

Suitcase Fusion 7 - Free Trial

18 Comments »

18 comments on “Google Web Fonts come to the Web Font Plug-in for Adobe Photoshop

  1. This is just a Beta release, and we are actively soliciting feedback. Thanks for putting in your request for an Illustrator plug-in, we’ll put it on our list to consider.

  2. I use Google fonts a lot, so I love this idea. I downloaded the trial, but can´t get the Photoshop plugin to work. When I click on the Extensis extension, it starts loading but doesn´t connect. Could you point me to some instructions somewhere on how to get to the fonts? Obviously there is something I´m not doing right. I can get the Google fonts in the Suitcase Fusion 3 trial, though, but not in the PS plugin. I have CS5.

  3. Carina, if you’ve clicked “Enable” in the Web Font Plug-in panel, this is what enables the Google Web Font connection, and why they appear in a new Suitcase Fusion 3 font library.

    To utilize Google Web Fonts in Photoshop: 1. Create a text layer and enter some text. 2. Select the text layer in the layers palette. 3. Click on any of the fonts in the panel to activate them.

    If you’re still having issues, please contact our support team: http://www.extensis.com/support

  4. Carina, if you’ve clicked “Enable” in the Web Font Plug-in panel, this is what enables the Google Web Font connection, and why they appear in a new Suitcase Fusion 3 font library.

    To utilize Google Web Fonts in Photoshop: 1. Create a text layer and enter some text. 2. Select the text layer in the layers palette. 3. Click on any of the fonts in the panel to activate them.

    If you’re still having issues, please contact our support team: http://www.extensis.com/support

  5. Thank you, Jim, for your reply and the link.

    Yes, I have enabled it in Suitcase Fusion. But in Photoshop I don´t get the fonts in the panel. I can access CS Live and other extensions but when I click the Extensis extension, I get the panel and flash starts loading, but doesn´t ever finish.

    I´ll take a screen shot and contact support.

  6. I cannot use it somehow, I installed it and the extensis panel is still not shown in PS for me. Please help.
    thanks,
    Sanmitra

  7. Hi Jim,

    I have the same problem. I have downloaded the trial version of Suitcase Fusion 4 to test the Google Web Fonts functionality. I’m on a MacBook Pro with OSX Snow Leopard.

    – In Manage Plugins Photoshop CS 5 is detected and plugin activated
    – In the menu File I have enabled Google Web Fonts
    – The google web fonts library is activated, 646 fonts detected and activated with the green light icon
    – In Photoshop CS5, I click Windows > Extensions > Extensis, and then the Etensis panel opens, but it is blank and I can’t do anything with it.

    What am I doing wrong?

    Best, Hugo

  8. Hi Hugo, it’s possible that you don’t have the most current version of Suitcase Fusion. Use the Check for Updates feature to download the most current version. That should fix it.

    If that doesn’t work, please contact our support team and they’ll help you diagnose what’s going on. http://www.extensis.com/support

  9. Also having the same issue as mentioned above. Have tried uninstalling with a removal tool, but it still has kept the files and gives an alert message now.

  10. Thanks for the plugin!

    When trying to use Google Web Fonts everything looks good, but in Photoshop (CS6) when I am editing text I cannot apply a font. My cursor turns into an X when I hover over the fonts and when I click it gives me the following message:
    “You can’t use the Font Panel while editing text on a type layer”

    If I deselect the text and create a new layer THEN try to select a font I get the message: “You cannot apply this font to the selected text because a font with the same name is already active” and my cursor turns into a clock for a minute then the yellow icon to the left of each font turns into a red X for the font that I had just tried to use.

    Is there a video on how to use this plugin? I followed the instructions, but maybe I missed something?

    Thanks!

  11. By the way, these are the instuctions I followed: http://www.webink.com/webfontplugin

    and although I created an account and logged in via a browser, the plugin in Photoshop never asked me to login. It automatically pulled up all of the fonts after I clicked on Google in the dropdown.

  12. Hi Maria.

    Yes, the plug-in can only be used to apply the font across the entire text layer. This is a Photoshop limitation, unfortunately. After you have activated a font though, you can apply fonts using the standard character palette. The activated WebINK and Google Web Fonts will appear in those font lists.

    As for the font conflict issue, I’m not sure what’s going on there. Is it possible that you really do have another font of the same name active on your system? If not, I’d recommend contacting our support team for further diagnosis. http://www.extensis.com/support

    Jim

  13. Thanks Jim!

    I am still having the issue with the fonts and do not have them anywhere else, so I will check out the support and do some more poking around.

    Thanks again!
    Maria

Leave a Reply

Your email address will not be published. Required fields are marked *