Get an overview of the fonts used in a .psd (including weight and italics) so I can optimize my webfont import and exclude unused variations?

When converting a psd to web, it can be tedious to figure out which variations of the font that I’ll need to include as a webfont. Currently I just take note of the font as I come across it, but it’d be ideal if there was a script of some sort that would just list the variations required.

Answer

There is the List Fonts script

A very basic PhotoShop script to list all fonts used in the currently open and active PSD. The script looks at all text layers, and will also find multiple fonts from the same text layer. The results are shown in a dialog box, the contents of which can be selected, copied and pasted.

There are also more extensive tools to help with getting specs from your Photoshop files, useful when handing files over to developers (or when developing from your own Photoshop files):

specKing

specKing is a Photoshop plugin that provides tools to generate design specs and annotations

Ink

Ink is a plugin that helps you providing few extra important informations about your mockups by documenting your layers, from typography to effects and shape sizes.

I have not used any of these myself so can’t attest for their quality or suitability

Attribution
Source : Link , Question Author : Jonny , Answer Author : Cai

Leave a Comment