跳到主要内容

8种宝贵的在线排版工具

使用代码在优质图像上节省15%15 ISTOCK

+$Typography is one of those creative disciplines that may look straightforward to the outsider, but which is very easy to get horribly wrong. You can go a long way towards improving your type skills by ingesting a few good排版教程+$, but even seasoned typographers can use a little help every now and then.

+$Luckily there are some fantastic sites out there that can make working with typography that little bit less demanding, and we've found eight of the best. Whether you want simple ways to identify and manage fonts, tools for building your own fonts or just a little typographic inspiration, there's something for you here.

01. Wordmark

Online typography tools: Wordmark

+$See all your installed fonts on a single web page

+$(Image Credit: Wordmark)

+$While it's lovely to have a huge font collection, there comes a point where you have so many fonts that you can never be sure you're picking the right one for a project. With+$Wordmark+$, though, you can see every font you have installed on a single page; simply enter some text and off it goes, enabling you to quickly scan through and find the best looker.

+$By default it'll just find your system fonts, but if you install its Chrome extension it'll find everything else. There's also a Pro version for a very reasonable $2/month, that adds tagging, a dark mode, Google fonts functionality and much more.

+$02. WhatTheFont

Online typography tools: WhatTheFont

+$Our favourite destination for identifying fonts

+$(Image Credit: MyFonts)

+$There are few things more annoying than seeing a beautiful font somewhere and not being able to identify it. WithWhatTheFont+$from MyFonts you're in with a decent chance, though.

+$It's long been a favourite of ours; if there's a bit of type you want to identify, simply grab an image of it and upload it, then highlight the text you're interested in and WhatTheFont will come up with a list of the nearest matches in MyFonts' massive library. It's not foolproof, but it's close enough.

+$03. Emotype

Online typography tools: Emotype

+$Convey the mood you need with these curated fonts

+$(Image Credit: Emotype)

+$Typography can be an excellent tool for conveying moods and emotions, and if you want a shortcut to finding the right fonts to evoke a certain emotion then pay a visit to+$Emotype+$. It features a small but useful set of carefully-curated typefaces that are grouped by emotions, enabling you to quickly find the fonts that'll suit the mood of the piece you're working on.

+$Right now it's showcasing fonts that are suitable if you want to appear confident, welcoming, unique or neutral; check back in future for other typographic moods.

+$04. Prototypo

Online typography tools: Prototypo

+$Build your own unique font in minutes

+$(Image Credit: Prototypo)

+$If you've ever fancied designing your own font but don't know where to start, here's a free and easy solution.Prototypo+$uses parametric fonts – similar to variable fonts – and provides five of them designed by Production Type that you can adjust to create your ideal look.

+$Sliders enable you to change parameters such as thickness, width and serif width across the entire font, and once you're happy with the general look of your font you can refine individual characters before exporting to use wherever you want.

+$05. FontStruct

Online typography tools: FontStruct

+$A more in-depth font building tool

+$(Image Credit: Fontstruct)

+$Want to get more in-depth with font design?FontStruct+$is a free online font-building tool that enables you to create fonts – or 'FontStructions' – using geometric shapes in the FontStructor editor.

+$Once you're done it'll turn your work into a TrueType font that you can download and use in any applications; there's also a galley of fonts where you can share your work and see other users' creations that you can clone to make your own variations.

+$06. Archetype

Online typography tools: Archetype

+$Sort out your web typography with this handy tool

+$(Image Credit: Archetype)

+$For web designers wanting to create great-looking sites with consistent and harmonious typography,原型+$is a potential life-saver.

+$It takes the guesswork out of web typography with a three-step system in which you choose a visually compatible font pair, define the sizes for all the typographic elements you might need, and set the optimal vertical spacing. After a bit of final tweaking and refinement you can export a CSS file to hand over to the developers; easy!

+$07. Discover.typography

Online typography tools: Discover.typography

+$Get some type tips and inspiration from Hoefler&Co

+$(Image credit: Hoefler&Co)

+$Want some typographic inspiration?+$Discover.typography+$from Hoefler&Co is a resource that you'll definitely want to bookmark. It features a stack of inspiring visual compositions build around different themes such as mobile interfaces and the typography of intrigue, which you can zoom in on and explore to see spot-on type combinations and useful tips. And if you spot a font that you like the look of while you're exploring, simply mouse over it to learn what it is and maybe buy it.

+$08. Fontface Ninja

Online typography tools: Fontface Ninja

+$An essential tool for identifying fonts on the web

+$(Image credit: Fontface Ninja)

+$Another brilliant tool for helping you to identify fonts that you like the look of,Fontface Ninja+$is a free browser extension that makes it easy to inspect fonts on any website.

+$Once it's installed you can find the name of any fonts by hovering over them; it'll also give you information on size, letter spacing, line height and colour. You can click on the font to try it out for yourself, and if it's one you want to add to your collection then Fontface Ninja can also provide you with a price and a link to buy it (if it's a free font then it'll give you a download link).

相关文章:



翻译字数超限