six basic types of fonts<\/a>, and while it\u2019s true that choosing the right fonts make a big difference in a design, it\u2019s also important to know how to style those fonts. Understanding tracking, line height and font variations can take a basic design to an amazing design.<\/p>\nThe majority of styling can be done through the Character window in Adobe Photoshop, Illustrator and InDesign, so that\u2019s where we\u2019re going to begin. Typography tools can be picked up with a little bit of practice.<\/p>\n
![\"Typography:](\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/fonts-tools-character-photoshop-leading-tracking.jpg\")
<\/p>\n
Font:<\/b> I\u2019m sure you\u2019ve figured this one out by now, but this allows you to choose which font you\u2019ll be using. <\/p>\n
Font Size:<\/b> Again, pretty easy to figure out. <\/p>\n
Kerning:<\/b> This is an important one because it controls the spacing between letters. For body copy and text that is displayed at a smaller size, I always set this to optical<\/i>. If I\u2019m creating a large headline and I notice weird gaps between the letters, I\u2019ll place the cursor between two letters and adjust the spacing to make it even. <\/p>\n
Vertically Scale:<\/b> You should ignore this one! It can crunch or stretch fonts–trust me, fonts weren\u2019t meant to be adjusted like this. If you use this tool, a type designer is crying somewhere in the universe. <\/p>\n
Baseline Shift:<\/b> This is another tool I don\u2019t think I\u2019ve ever used. It adjusts where a character sits within a line. So if you wanted the \u201ce\u201d in \u201cpeanut\u201d to sit higher than the rest of the word, this is the tool that would do it. <\/p>\n
Font Style:<\/b> This allows you to select different variations of a font such as bold and italic. Some fonts also have thinner or thicker versions. <\/p>\n
Leading (line height): <\/b>This is one of my favorite settings to tweak. With larger fonts and shorter bits of text, it\u2019s usually best to keep the leading at auto, or at a size close to the font size. This keeps the lines closer together and makes them feel like more of a unit. <\/p>\n
But when you have a lot of text or you want something to feel more elegant, it\u2019s good to increase the line height. For body copy set at a size 14 font, I like to set my line height to something around 22 – although this varies depending on the font. <\/p>\n
Tracking:<\/b> Tracking is another one of my favorite settings. I love adding a little bit of “breathing room” in between the characters – especially for headlines or type set in all caps. I wouldn\u2019t set paragraph text above 50, but for single lines of text set in all caps – I\u2019ve gone as high as 1000. The added spacing helps make text feel more elegant and \u201chigh end.” <\/p>\n
Horizontally Scale:<\/b> Like vertical scale, this is a tool you should avoid. <\/p>\n
Faux Bold:<\/b> This button makes a font bold but it doesn\u2019t actually use the bold version of a font – which means that at certain sizes, characters might not appear as crisp. If a font has a bold version, it\u2019s always best to use it. I only use this as a last resort. <\/p>\n
Faux Italic:<\/b> This is another button I try to avoid. The actual italic version of a font always looks much better. This shifts a font to display at the same angle as an italic font – which doesn\u2019t always look too hot. <\/p>\n
All Caps:<\/b> I love using this button to experiment with trying a line or two of text in all caps. I use all caps for headlines and callouts. You never want to use caps for body copy or a paragraph of text because it\u2019s way, way too difficult to read. <\/p>\n
Small Caps:<\/b> This button switches text to display in all text, but it makes the first character of a sentence a larger character. This is another button that I rarely use. <\/p>\n
Strike Through:<\/b> This button adds a line through text. <\/p>\n
Underline:<\/b> I never use this button. Back when we were first learning how to write papers we were told to underline titles, but today switching titles to italics is the standard. <\/p>\n
Subscript:<\/b> Subscripts are smaller characters that are dropped below the baseline. They\u2019re often used for molecular formulas and math equations. <\/p>\n
Superscript:<\/b> Superscripts are smaller characters that are aligned with the top of the baseline. They\u2019re sometimes used to show places like 1st<\/sup>, 2nd<\/sup>, 3rd<\/sup>, 4th<\/sup>. They can also be used to denote trademarks and copyright. <\/p>\nLigatures<\/strong> These buttons are only available with better fonts. If you\u2019re using a font that has a ligatures, I would turn them on. Using ligatures helps prevent letters from running together and becoming difficult to read. Swashes can be fun to play with too – although you may need to turn on the glyphs palette to really explore the variations. <\/p>\nLanguage:<\/b> This button tells Photoshop which language you\u2019re using. Although it would be cool if it could translate text, it\u2019s used for spelling and hyphenation. <\/p>\n
Anti-Aliasing:<\/b> Anti-aliasing keeps the edges of letters looking smooth. Without any treatment, letters would look really sharp and blocky. I toggle between the different options to find the smoothest setting for the text I\u2019m working with. <\/p>\n","protected":false},"excerpt":{"rendered":"
Last week I shared about the six basic types of fonts, and while it\u2019s true that choosing the right fonts make a big difference in a design, it\u2019s also important to know how to style those fonts. Understanding tracking, line height and font variations can take a basic design to an amazing design.<\/p>\n","protected":false},"author":764,"featured_media":3457,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-3387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-marketing-branding"],"acf":[],"featured_image_urls_v2":{"full":["https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg",500,500,false],"thumbnail":["https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023-150x150.jpg",150,150,true],"medium":["https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023-300x300.jpg",300,300,true],"medium_large":["https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg",500,500,false],"large":["https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg",500,500,false],"1536x1536":["https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg",500,500,false],"2048x2048":["https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg",500,500,false]},"post_excerpt_stackable_v2":"
Last week I shared about the six basic types of fonts, and while it\u2019s true that choosing the right fonts make a big difference in a design, it\u2019s also important to know how to style those fonts. Understanding tracking, line height and font variations can take a basic design to an amazing design.<\/p>\n","category_list_v2":"Marketing & branding<\/a>","author_info_v2":{"name":"Krista Jones","url":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/author\/kristaajones"},"comments_num_v2":"2 comments","yoast_head":"\nTypography 101: Understanding the Tools | HoneyBook<\/title>\n<meta name=\"description\" content=\"Typography tools can be picked up with a little bit of practice.The majority of styling can be done through the Character window in Adobe Photoshop.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typography 101: Understanding the Tools | HoneyBook\" \/>\n<meta property=\"og:description\" content=\"Typography tools can be picked up with a little bit of practice.The majority of styling can be done through the Character window in Adobe Photoshop.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding\" \/>\n<meta property=\"og:site_name\" content=\"HoneyBook\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/honeybook.co\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-04T05:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-15T09:58:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Krista Jones\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@honeybook\" \/>\n<meta name=\"twitter:site\" content=\"@honeybook\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Krista Jones\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding\",\"url\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding\",\"name\":\"Typography 101: Understanding the Tools | HoneyBook\",\"isPartOf\":{\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg\",\"datePublished\":\"2016-02-04T05:00:00+00:00\",\"dateModified\":\"2022-08-15T09:58:59+00:00\",\"author\":{\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/#\/schema\/person\/ddde3b7738698bda2be0b97f5eb4554a\"},\"description\":\"Typography tools can be picked up with a little bit of practice.The majority of styling can be done through the Character window in Adobe Photoshop.\",\"breadcrumb\":{\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding#primaryimage\",\"url\":\"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg\",\"contentUrl\":\"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg\",\"width\":500,\"height\":500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hbb.reliablepenguin.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Marketing & branding\",\"item\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/category\/marketing-branding\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Typography 101: Understanding the Tools\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/#website\",\"url\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/\",\"name\":\"HoneyBook\",\"description\":\"Resources to empower independent business owners\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/#\/schema\/person\/ddde3b7738698bda2be0b97f5eb4554a\",\"name\":\"Krista Jones\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/618344909bce17768d9f36e35e43fdee0e8fc58612dd18fd1523150075375891?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/618344909bce17768d9f36e35e43fdee0e8fc58612dd18fd1523150075375891?s=96&d=mm&r=g\",\"caption\":\"Krista Jones\"},\"description\":\"Krista Jones is a fine art film photographer and Graphic Designer for Creative Entrepreneurs. She specializes in crafting unique brands that extend far beyond distinct typography and varying color palettes. Krista\u2019s unique understanding of visual marketing, web design, and search engine optimization has enabled her to create dynamic identities that prosper both online and in the marketplace.\",\"sameAs\":[\"https:\/\/kristaajones.com\"],\"url\":\"https:\/\/hbb.dev.reliablepenguin.com\/blog\/author\/kristaajones\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Typography 101: Understanding the Tools | HoneyBook","description":"Typography tools can be picked up with a little bit of practice.The majority of styling can be done through the Character window in Adobe Photoshop.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding","og_locale":"en_US","og_type":"article","og_title":"Typography 101: Understanding the Tools | HoneyBook","og_description":"Typography tools can be picked up with a little bit of practice.The majority of styling can be done through the Character window in Adobe Photoshop.","og_url":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding","og_site_name":"HoneyBook","article_publisher":"https:\/\/www.facebook.com\/honeybook.co","article_published_time":"2016-02-04T05:00:00+00:00","article_modified_time":"2022-08-15T09:58:59+00:00","og_image":[{"width":500,"height":500,"url":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg","type":"image\/jpeg"}],"author":"Krista Jones","twitter_card":"summary_large_image","twitter_creator":"@honeybook","twitter_site":"@honeybook","twitter_misc":{"Written by":"Krista Jones","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding","url":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding","name":"Typography 101: Understanding the Tools | HoneyBook","isPartOf":{"@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding#primaryimage"},"image":{"@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding#primaryimage"},"thumbnailUrl":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg","datePublished":"2016-02-04T05:00:00+00:00","dateModified":"2022-08-15T09:58:59+00:00","author":{"@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/#\/schema\/person\/ddde3b7738698bda2be0b97f5eb4554a"},"description":"Typography tools can be picked up with a little bit of practice.The majority of styling can be done through the Character window in Adobe Photoshop.","breadcrumb":{"@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding#primaryimage","url":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg","contentUrl":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/GG-Office-Edited-0023.jpg","width":500,"height":500},{"@type":"BreadcrumbList","@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/typography-tools-101-understanding#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hbb.reliablepenguin.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Marketing & branding","item":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/category\/marketing-branding"},{"@type":"ListItem","position":3,"name":"Typography 101: Understanding the Tools"}]},{"@type":"WebSite","@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/#website","url":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/","name":"HoneyBook","description":"Resources to empower independent business owners","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/#\/schema\/person\/ddde3b7738698bda2be0b97f5eb4554a","name":"Krista Jones","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/618344909bce17768d9f36e35e43fdee0e8fc58612dd18fd1523150075375891?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618344909bce17768d9f36e35e43fdee0e8fc58612dd18fd1523150075375891?s=96&d=mm&r=g","caption":"Krista Jones"},"description":"Krista Jones is a fine art film photographer and Graphic Designer for Creative Entrepreneurs. She specializes in crafting unique brands that extend far beyond distinct typography and varying color palettes. Krista\u2019s unique understanding of visual marketing, web design, and search engine optimization has enabled her to create dynamic identities that prosper both online and in the marketplace.","sameAs":["https:\/\/kristaajones.com"],"url":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/author\/kristaajones"}]}},"_links":{"self":[{"href":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-json\/wp\/v2\/posts\/3387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-json\/wp\/v2\/users\/764"}],"replies":[{"embeddable":true,"href":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-json\/wp\/v2\/comments?post=3387"}],"version-history":[{"count":0,"href":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-json\/wp\/v2\/posts\/3387\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-json\/wp\/v2\/media\/3457"}],"wp:attachment":[{"href":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-json\/wp\/v2\/media?parent=3387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-json\/wp\/v2\/categories?post=3387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hbb.dev.reliablepenguin.com\/blog\/wp-json\/wp\/v2\/tags?post=3387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Typography:](\"https:\/\/hbbadmin.dev.reliablepenguin.com\/blog\/wp-content\/uploads\/2016\/02\/typography-kearning-tracking-photoshop-type-photo.jpg\"){kind=tracking}
<\/p>\n