{"id":1891,"date":"2017-04-19T20:30:52","date_gmt":"2017-04-19T20:30:52","guid":{"rendered":"http:\/\/www.onlinelogomaker.com\/blog\/?p=1891"},"modified":"2017-04-19T20:30:52","modified_gmt":"2017-04-19T20:30:52","slug":"match-font-image","status":"publish","type":"post","link":"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/","title":{"rendered":"How to match font and image on your design"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">The great part of a designer\u2019s work is to find right combinations. But how to match font and image on your design? Images and fonts need to connect with its context. But how? When we work with images and texts at the same time, we need to take special care to match the elements. A classic concept in Comic Sans would be at least weird, right? <\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">Of course Comic Sans is not very indicated for most of the designs and has become a joke between designers. But instead of judging your design, we will give you some hints to get better results at matching fonts and images. \u00a0<\/span><\/p>\n<h4><b>Classic\/Serious Images<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">For example, if your project use serious or classic photos for a message of tradition, authority and respect. We highly recommend serif fonts. They will probably fit better. This type of fonts transmit a connexion to classic and traditional. So in this case, fonts like:<\/span><\/p>\n<p><!--more--><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Oranienbaum<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Valentina Regular<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Abraham Lincoln<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Quando<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Arvo<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Would be a great choice. As in the image below:<\/span><\/p>\n<p><a href=\"http:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1894\" src=\"http:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/3.png\" alt=\"match-font-and-image\" width=\"940\" height=\"788\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/3.png 940w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/3-300x251.png 300w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/3-768x644.png 768w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/3-600x503.png 600w\" sizes=\"(max-width: 940px) 100vw, 940px\"><\/a><\/p>\n<h4><b>Elegant\/Romantic Images<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">When you have a specific project that has the goal to bring romance and elegance, go to Script fonts, that are also known as manuscripts\/handwritten fonts. These fonts give something personal to the image and transmit sensibility, creativity to your design. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">See how it works for the font Selima: <\/span><\/p>\n<p><a href=\"http:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1892\" src=\"http:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/1.png\" alt=\"match-font-and-image\" width=\"940\" height=\"788\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/1.png 940w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/1-300x251.png 300w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/1-768x644.png 768w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/1-600x503.png 600w\" sizes=\"(max-width: 940px) 100vw, 940px\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">You could also search for:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Nickainley<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Handletter<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Master Of Break<\/span><\/li>\n<li style=\"font-weight: 400;\">And many other Script fonts.<\/li>\n<\/ul>\n<h4><b>Cool\/Young Images<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">To talk to a younger target, many companies or campaigns use images like this one below. So, despite not being a rule, modern fonts usually work really well. Giving a light and cool interpretation. Like on this photo where I used <\/span><i><span style=\"font-weight: 400;\">Fredoka.<\/span><\/i><\/p>\n<p><a href=\"http:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1893\" src=\"http:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/2.png\" alt=\"match-font-and-image\" width=\"940\" height=\"788\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/2.png 940w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/2-300x251.png 300w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/2-768x644.png 768w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/2-600x503.png 600w\" sizes=\"(max-width: 940px) 100vw, 940px\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Also these options give a very stylish vibe to your projects: <\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Happy Fox Condensed<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Break<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Modeka<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Reckoner<\/span><\/li>\n<\/ul>\n<h4><b>Modern Images<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Many projects are based on modern images as a way to show objectivity, stability and independence. On these cases, sans serif fonts are very recommended. They can be very versatile and go along really well on any publicity and clean layouts. It has a great legibility and it calls people\u2019s attention. How about this modern look by <em>League Gothic<\/em>?<\/span><\/p>\n<p><a href=\"http:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1895\" src=\"http:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/4.png\" alt=\"match-font-and-image\" width=\"940\" height=\"788\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/4.png 940w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/4-300x251.png 300w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/4-768x644.png 768w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/4-600x503.png 600w\" sizes=\"(max-width: 940px) 100vw, 940px\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">There are also other excellent options that you can search for and download for free: \u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Dense Regular<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Coolvetica<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Stellar<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Akrobat<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Choosing the right font and matching with an image is already hard. But matching both in order to achieve a goal is even harder. You need to take a time for a little research and dedicate yourself on trying as many options as you can. Instead of letting you work that hard, I decided to make a nice infographic to sum up information of personality, matches and uses of main fonts. <\/span><\/p>\n<p><a href=\"http:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/10\/infographic-typography-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1438\" src=\"http:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/10\/infographic-typography-2.png\" alt=\"choose-logo-font\" width=\"1164\" height=\"1000\" srcset=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/10\/infographic-typography-2.png 1164w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/10\/infographic-typography-2-300x258.png 300w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/10\/infographic-typography-2-768x660.png 768w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/10\/infographic-typography-2-1024x880.png 1024w, https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/10\/infographic-typography-2-600x515.png 600w\" sizes=\"(max-width: 1164px) 100vw, 1164px\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Of course it is not a rigid rule or something you cannot break or change. It always depends on the type of message you want to say through your design. However when we don\u2019t have many experience on the design field, it is more likely to make mistakes, so following the rules is a safe path.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The great part of a designer\u2019s work is to find right combinations. But how to match font and image on your design? Images and fonts need to connect with its context. But how? When we work with images and texts at the same time, we need to take special care to match the elements. A [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":1895,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1361,1201],"tags":[1451,1189,1453,852,35,1450,1302,1452,400,1449],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to match font and image on your design &bull; Online Logo Maker&#039;s Blog<\/title>\n<meta name=\"description\" content=\"The great part of a designer\u2019s work is to find right combinations. But how to match font and image on your design? Images and fonts need to connect with\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to match font and image on your design &bull; Online Logo Maker&#039;s Blog\" \/>\n<meta property=\"og:description\" content=\"The great part of a designer\u2019s work is to find right combinations. But how to match font and image on your design? Images and fonts need to connect with\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Logo Maker&#039;s Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/onlinelogomaker\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/onlinelogomaker\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-19T20:30:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"940\" \/>\n\t<meta property=\"og:image:height\" content=\"788\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@logogenerator\" \/>\n<meta name=\"twitter:site\" content=\"@logogenerator\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\">\n\t<meta name=\"twitter:data1\" content=\"Luanna\">\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" content=\"2 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\",\"name\":\"Online Logo Maker\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/onlinelogomaker\",\"https:\/\/www.instagram.com\/onlinelogomaker\/\",\"https:\/\/www.youtube.com\/channel\/UCQ9jGSx6qnAo6_hC290O5Pg\",\"https:\/\/www.pinterest.com\/onlinelogomaker\/\",\"https:\/\/twitter.com\/logogenerator\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2016\/12\/onlinelogomaker.png\",\"width\":1551,\"height\":199,\"caption\":\"Online Logo Maker\"},\"image\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#website\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/\",\"name\":\"Online Logo Maker&#039;s Blog\",\"description\":\"Your number #1 design blog is all about design, branding, freebies and trends!\",\"publisher\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.onlinelogomaker.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/wp-content\/uploads\/2017\/04\/4.png\",\"width\":940,\"height\":788,\"caption\":\"match-font-and-image\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/#webpage\",\"url\":\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/\",\"name\":\"How to match font and image on your design &bull; Online Logo Maker&#039;s Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/#primaryimage\"},\"datePublished\":\"2017-04-19T20:30:52+00:00\",\"dateModified\":\"2017-04-19T20:30:52+00:00\",\"description\":\"The great part of a designer\\u2019s work is to find right combinations. But how to match font and image on your design? Images and fonts need to connect with\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#\/schema\/person\/cf9b3c3b2e2ba253b7caebd5bc97cdb6\"},\"headline\":\"How to match font and image on your design\",\"datePublished\":\"2017-04-19T20:30:52+00:00\",\"dateModified\":\"2017-04-19T20:30:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/#primaryimage\"},\"keywords\":\"connexion,design,design elements,Elements,Font,font and image,how to,how to match,Image,match\",\"articleSection\":\"Branding,Typography\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.onlinelogomaker.com\/blog\/match-font-image\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#\/schema\/person\/cf9b3c3b2e2ba253b7caebd5bc97cdb6\",\"name\":\"Luanna\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.onlinelogomaker.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/08dedbbf09227ae6e2dd7e099da073bb?s=96&d=mm&r=g\",\"caption\":\"Luanna\"},\"description\":\"A journalist passionate about the Design's world.\",\"sameAs\":[\"http:\/\/onlinelogomaker.com\",\"https:\/\/www.facebook.com\/onlinelogomaker\/\",\"https:\/\/twitter.com\/logogenerator\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/1891"}],"collection":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/comments?post=1891"}],"version-history":[{"count":2,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/1891\/revisions"}],"predecessor-version":[{"id":1897,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/posts\/1891\/revisions\/1897"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/media\/1895"}],"wp:attachment":[{"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/media?parent=1891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/categories?post=1891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.onlinelogomaker.com\/blog\/wp-json\/wp\/v2\/tags?post=1891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}