{"id":4502,"date":"2025-09-23T23:29:00","date_gmt":"2025-09-23T15:29:00","guid":{"rendered":"https:\/\/lupinvisual.com\/?p=4502"},"modified":"2026-05-20T08:24:19","modified_gmt":"2026-05-20T00:24:19","slug":"typography-basics","status":"publish","type":"post","link":"https:\/\/lupinvisual.com\/en\/blog\/typography-basic\/","title":{"rendered":"What is Typography? How does the study of type influence reading and branding?"},"content":{"rendered":"<p>After working in the professional world for some time, returning to graduate school to study commercial design has been a process of reorganizing my knowledge. This space documents my notes from classroom learning and subsequent reflections. This article focuses on...<strong>Typography (also commonly translated as \"\u5b57\u8a8c\" in Chinese)<\/strong>Due to the unique characteristics of Chinese typesetting\u2014such as the structure of square characters, stroke density, and vertical\/horizontal layout\u2014it presents distinct design challenges. This article will not delve deeply into those aspects. Instead, it primarily uses **Latin-based Typography** as an example to organize some fundamental concepts and applications. This serves as a reference for future use and is also shared with others who share an interest in design.<\/p>\n\n\n\n<p><em>by Zping \/ Design Observation<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fundamental Principles and Applications of Typography<\/h2>\n\n\n\n<p>Typography is not merely about selecting a font; it is a comprehensive system concerning how text is read and perceived. It encompasses layout, spatial arrangement, emotional expression, and brand communication. Good design allows messages to flow naturally, while poor design becomes a barrier to reading.<strong>Poster Design<\/strong>In this context, typography and layout determine whether the audience will pause to read.<strong>UI\/UX<\/strong>In this context, character spacing and line spacing directly impact whether users can quickly grasp the operation.<strong><a href=\"https:\/\/lupinvisual.com\/blog\/brand-identity-cost\/\" data-type=\"link\" data-id=\"https:\/\/lupinvisual.com\/blog\/brand-identity-cost\/\">Brand Design<\/a><\/strong>In this context, font selection conveys a professional, approachable, or premium atmosphere. Ultimately, the core objective is simply:<strong>To communicate effectively<\/strong>\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Basic Elements of Typography<\/h2>\n\n\n\n<p>During the design process, several fundamental elements form the core of the design presentation:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Typeface: For example, Wenfeng and Wenfeng, which represent the concept of a font family.<\/li>\n\n\n\n<li>Font: Bold, italic, underline, etc., primarily alters the visual appearance of text.<\/li>\n\n\n\n<li>Tracking: Adjusts the space between characters.<\/li>\n\n\n\n<li>Kerning (character spacing): Adjusts the space between specific characters. For example: AV, LY<\/li>\n\n\n\n<li>Leading (line spacing): The space between lines of text<\/li>\n\n\n\n<li>Negative space: The space between text and its surroundings guides the eye; margins should be excluded.<\/li>\n\n\n\n<li>Color<\/li>\n\n\n\n<li>\u2026<\/li>\n<\/ul>\n\n\n\n<p>These seemingly minor details can significantly impact the reading experience and design atmosphere of the text.<\/p>\n\n\n\n<p><aside><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"attachment:eab778eb-e3e1-4822-bf9b-eff73b9340ca:631c8d9b341fb53f657f393b_npoLxyLGJWzFZkRg.png\" alt=\"Figure 1. Font Anatomy\"\/><\/figure>\n\n\n\n<p>Figure 1. Font Anatomy<\/p>\n\n\n\n<p><\/aside><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Characteristics of Different Font Types<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sans Serif<strong>Sans-serif font<\/strong>Clean, crisp, modern, and approachable, often used in digital interfaces.<\/li>\n\n\n\n<li>Serif<strong>Serif fonts<\/strong>): Conveys trustworthiness and tradition, solemn and professional, commonly seen in publishing and academic settings.<\/li>\n\n\n\n<li>Script<strong>Handwritten font<\/strong>Elegant, romantic, and personalized, ideal for invitation cards and brand logos.<\/li>\n\n\n\n<li>Display<strong>Display Font<\/strong>): Strong and bold personality, suitable for headlines and situations requiring intense attention-grabbing.<\/li>\n<\/ul>\n\n\n\n<p>The choice of font depends on emotional expression and audience. Changing the font is essentially like adopting a different tone of voice.<\/p>\n\n\n\n<p><aside><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"attachment:59ac28d8-bc64-4f30-bd29-e9fa5e4e1e74:IMG_1488.jpeg\" alt=\"Figure 2. Comparison Examples of Different Font Types\"\/><\/figure>\n\n\n\n<p>Figure 2. Comparison Examples of Different Font Types<\/p>\n\n\n\n<p><\/aside><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The Scope of Typography Applications<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Poster<strong>Poster Design<\/strong>Effectively captures attention and conveys messages quickly.<\/li>\n\n\n\n<li>Magazine Layout<strong>Magazines and Publishing<\/strong>Control the pace of reading and maintain a professional atmosphere.<\/li>\n\n\n\n<li>Packaging<strong>Packaging Design<\/strong>): Infuse brands with personality to enhance their distinctiveness.<\/li>\n\n\n\n<li>Architecture\/Interior Design<strong>Architecture and Interior Design<\/strong>As part of the spatial wayfinding system.<\/li>\n\n\n\n<li>\u2026<\/li>\n<\/ul>\n\n\n\n<p>Opening your eyes to the world reveals traces of typography almost everywhere. It's not merely the arrangement of text, but a vehicle for conveying messages and atmospheres. From street advertisements to mobile screens, from caf\u00e9 menus to subway route maps\u2014all communicate through typefaces and layout.<\/p>\n\n\n\n<p>&lt;aside&gt; &lt;img src=&quot;&rdquo;\/icons\/chat_gray.svg&rdquo;&quot; alt=&quot;&rdquo;\/icons\/chat_gray.svg&rdquo;&quot; width=&quot;&rdquo;40px&rdquo;&quot; \/&gt;<\/p>\n\n\n\n<p>Supplement: Typography in Front-End Frameworks Typography is also frequently encountered in front-end development, such as<strong>MUI<\/strong>\u6216<strong>Tailwind<\/strong>Text styling tools provided. They focus on quickly applying headings, paragraphs, and font sizes while maintaining interface consistency. Emphasizing visual readability, they represent an approach to typography within the digital environment.<\/p>\n\n\n\n<p><\/aside><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How can I further study typography?<\/h2>\n\n\n\n<p>To continuously improve your typography skills, observe and analyze various examples. The following resources are worth checking out:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/ilovetypography.com\/blog\/\" target=\"_blank\" rel=\"noopener\"><strong>I Love Typography<\/strong><\/a>Focused on typeface trends and history.<\/li>\n\n\n\n<li><a href=\"https:\/\/fontsinuse.com\/\" target=\"_blank\" rel=\"noopener\"><strong>Font in Use<\/strong><\/a>Showcase the real-world applications of the font.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.behance.net\/\" target=\"_blank\" rel=\"noopener\"><strong>Behance<\/strong><\/a>A global portfolio platform for designers.<\/li>\n\n\n\n<li><a href=\"https:\/\/letterformarchive.org\/?srsltid=AfmBOooq3TPsEtJQSgMNb36C71OLl0uF6gdkMbAIhSa6tVXGAvvEUa-c\" target=\"_blank\" rel=\"noopener\"><strong>Letterform Archive<\/strong><\/a>A rich collection of fonts and typography resources.<\/li>\n<\/ul>\n\n\n\n<p>By continuously comparing, deconstructing, and imitating, one can gradually develop their own sensitivity to typeface design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Typography isn't just about how good a font looks; it actually conveys messages and emotions. Often, it's invisible, yet it determines whether content can be understood and whether it can move people. There's never been a single standard for typesetting. Different cultures, habits, and aesthetics naturally lead to different choices. For me, typography is about understanding myself\u2014what styles I'm comfortable with\u2014while also trying to understand others\u2014whether they can grasp the message quickly. It's about finding balance between these two. No one starts out as an expert. It takes constant exposure, analysis, and practice, turning every project into fuel for the next.<\/p>\n\n\n<h2 class=\"wp-block-heading\">Frequently Asked Questions (FAQ)<\/h2>\n\n\n<div class=\"wp-block-uagb-faq uagb-faq__outer-wrap uagb-block-5d3e34ac uagb-faq-icon-row uagb-faq-layout-accordion uagb-faq-expand-first-true uagb-faq-inactive-other-true uagb-faq__wrap uagb-buttons-layout-wrap uagb-faq-equal-height\" data-faqtoggle=\"true\" role=\"tablist\"><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-a3c4d074\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Q: What is Typography?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>A: Typography is often translated as \"Typography\", and is also referred to as \"Wordmark\". Typography refers to the art of designing and laying out typefaces to make text easier to read and convey emotions and brand messages through font size, spacing, line spacing, and white space.<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-763a489b\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Q: What is the difference between Typeface and Font?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>A: Typeface is the overall font family, e.g. Huakang, Wending, SiYuan; Font is the specific style of a font, e.g. \"Times New Roman Bold\".<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-33bf3e87\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Q: What is the best situation to use Sans Serif or Serif?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>A: Sans Serif (sans-serif) is suitable for digital interfaces and modern design; Serif (sans-serif) is commonly used in books, academic and formal publications, and has a dignified and traditional feel.<\/p><\/div><\/div><div class=\"wp-block-uagb-faq-child uagb-faq-child__outer-wrap uagb-faq-item uagb-block-0a1f697f\" role=\"tab\" tabindex=\"0\"><div class=\"uagb-faq-questions-button uagb-faq-questions\">\t\t\t<span class=\"uagb-icon uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"uagb-icon-active uagb-faq-icon-wrap\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewbox= \"0 0 448 512\"><path d=\"M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z\"><\/path><\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t<span class=\"uagb-question\"><strong>Q: What is the best way to learn Typography?<\/strong><\/span><\/div><div class=\"uagb-faq-content\"><p>A: Observe more cases, analyze the use of fonts, write down what makes you feel good or bad about other people's designs, and accumulate sensitivity to font design through website resources (e.g. I Love Typography, Font in Use).<\/p><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Typefaces are not merely the visual appearance of text; they are an invisible language of emotion and communication. This article shares the fundamental elements and applications of type design, helping readers understand the logic behind the design.<\/p>","protected":false},"author":1,"featured_media":4508,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"rank_math_title":"Typography \u8a2d\u8a08\u5e2b\u5165\u9580\u6307\u5357\uff1a\u5b57\u578b\u5206\u985e\u3001\u5b57\u8ddd\u884c\u8ddd\u5168\u89e3\u6790","rank_math_description":"\u9078\u932f\u5b57\u578b\uff0c\u8a2d\u8a08\u770b\u8d77\u4f86\u5c31\u662f\u5ec9\u50f9\u3002\u9019\u7bc7\u5b8c\u6574\u89e3\u6790 Serif vs Sans Serif \u7684\u9078\u64c7\u908f\u8f2f\u3001\u5b57\u8ddd\u884c\u8ddd\u600e\u9ebc\u8a2d\uff0c\u4ee5\u53ca\u5b57\u578b\u5728\u54c1\u724c\u8b58\u5225\u4e2d\u7684\u5be6\u969b\u61c9\u7528\u3002","rank_math_focus_keyword":"Typography\u662f\u4ec0\u9ebc","rank_math_robots":"","rank_math_canonical_url":"","footnotes":"","_custom_schema_jsonld":"[{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Typography \u662f\u4ec0\u9ebc\uff1f\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Typography \u5e38\u88ab\u7ffb\u8b6f\u70ba\u300c\u5b57\u9ad4\u6392\u5370\u5b78\u300d\uff0c\u4e5f\u6709\u4eba\u7528\u300c\u5b57\u8a8c\u300d\u4f86\u7a31\u547c\u3002\u6307\u7684\u90fd\u662f\u5b57\u9ad4\u8a2d\u8a08\u8207\u6392\u7248\u7684\u85dd\u8853\uff0c\u900f\u904e\u5b57\u578b\u3001\u5b57\u8ddd\u3001\u884c\u8ddd\u8207\u7559\u767d\uff0c\u8b93\u6587\u5b57\u66f4\u6613\u8b80\u4e26\u50b3\u9054\u60c5\u7dd2\u8207\u54c1\u724c\u8a0a\u606f\u3002\"}}, {\"@type\": \"Question\", \"name\": \"Typeface \u548c Font \u6709\u4ec0\u9ebc\u5dee\u5225\uff1f\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Typeface \u662f\u6574\u9ad4\u7684\u5b57\u9ad4\u5bb6\u65cf\uff0c\u4f8b\u5982\u83ef\u5eb7\u3001\u6587\u9f0e\u3001\u601d\u6e90\uff1bFont \u5247\u662f\u67d0\u4e00\u6b3e\u5b57\u9ad4\u7684\u5177\u9ad4\u6a23\u5f0f\uff0c\u4f8b\u5982\u300cTimes New Roman Bold\u300d\u3002\"}}, {\"@type\": \"Question\", \"name\": \"\u4ec0\u9ebc\u60c5\u5883\u9069\u5408\u7528 Sans Serif \u6216 Serif\uff1f\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Sans Serif\uff08\u7121\u896f\u7dda\u5b57\u9ad4\uff09\u9069\u5408\u6578\u4f4d\u4ecb\u9762\u8207\u73fe\u4ee3\u611f\u8a2d\u8a08\uff1bSerif\uff08\u6709\u896f\u7dda\u5b57\u9ad4\uff09\u5e38\u898b\u65bc\u66f8\u7c4d\u3001\u5b78\u8853\u8207\u6b63\u5f0f\u51fa\u7248\u7269\uff0c\u5e36\u6709\u838a\u91cd\u8207\u50b3\u7d71\u611f\u3002\"}}, {\"@type\": \"Question\", \"name\": \"\u5b78\u7fd2 Typography \u7684\u65b9\u6cd5\u662f\u4ec0\u9ebc\uff1f\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"\u591a\u89c0\u5bdf\u6848\u4f8b\u3001\u5206\u6790\u5b57\u9ad4\u61c9\u7528\uff0c\u5beb\u51fa\u4ed6\u4eba\u8a2d\u8a08\u8b93\u4f60\u611f\u89ba\u597d\u6216\u4e0d\u597d\u7684\u5730\u65b9\uff0c\u4e26\u900f\u904e\u7db2\u7ad9\u8cc7\u6e90\uff08\u5982 I Love Typography\u3001Font in Use\uff09\u7d2f\u7a4d\u5c0d\u5b57\u9ad4\u8a2d\u8a08\u7684\u654f\u611f\u5ea6\u3002\"}}]}, {\"@context\": \"https:\/\/schema.org\", \"@type\": \"HowTo\", \"name\": \"Typography\u662f\u4ec0\u9ebc\uff1f\u5b57\u9ad4\u6392\u5370\u5b78\u5982\u4f55\u5f71\u97ff\u95b1\u8b80\u8207\u54c1\u724c\", \"description\": \"\u9019\u7bc7\u6587\u7ae0\u6df1\u5165\u63a2\u8a0e\u5b57\u9ad4\u6392\u5370\u5b78\uff08Typography\uff09\u7684\u57fa\u790e\u539f\u5247\u8207\u61c9\u7528\uff0c\u8aaa\u660e\u5176\u5982\u4f55\u900f\u904e\u5b57\u9ad4\u9078\u64c7\u3001\u6392\u7248\u8207\u7a7a\u9593\uff0c\u6709\u6548\u5f71\u97ff\u95b1\u8b80\u9ad4\u9a57\u3001\u60c5\u7dd2\u8868\u9054\u53ca\u54c1\u724c\u6e9d\u901a\uff0c\u4e26\u63d0\u4f9b\u9032\u968e\u5b78\u7fd2\u8cc7\u6e90\u3002\", \"step\": [{\"@type\": \"HowToStep\", \"name\": \"\u7406\u89e3 Typography \u7684\u6838\u5fc3\u6982\u5ff5\u8207\u5f71\u97ff\", \"text\": \"\u8a8d\u8b58\u5b57\u9ad4\u6392\u5370\u5b78\u4e0d\u50c5\u662f\u5b57\u9ad4\u9078\u64c7\uff0c\u66f4\u662f\u95dc\u65bc\u6587\u5b57\u5982\u4f55\u88ab\u95b1\u8b80\u8207\u611f\u53d7\u7684\u7cfb\u7d71\uff0c\u5b83\u540c\u6642\u6d89\u53ca\u6392\u7248\u3001\u7a7a\u9593\u3001\u60c5\u7dd2\u8868\u9054\u8207\u54c1\u724c\u50b3\u9054\uff0c\u6700\u7d42\u76ee\u6a19\u662f\u6709\u6548\u6e9d\u901a\u3002\"}, {\"@type\": \"HowToStep\", \"name\": \"\u638c\u63e1 Typography \u7684\u57fa\u672c\u5143\u7d20\", \"text\": \"\u5b78\u7fd2\u5b57\u9ad4\u3001\u5b57\u578b\u3001\u5b57\u8ddd\u3001\u5b57\u5143\u9593\u8ddd\u3001\u884c\u8ddd\u3001\u8ca0\u5411\u7a7a\u9593\u8207\u984f\u8272\u7b49\u6838\u5fc3\u8981\u7d20\uff0c\u9019\u4e9b\u770b\u4f3c\u7d30\u5fae\u7684\u8a2d\u5b9a\u76f4\u63a5\u5f71\u97ff\u95b1\u8b80\u9ad4\u9a57\u8207\u8a2d\u8a08\u6c1b\u570d\uff0c\u662f\u8a2d\u8a08\u5448\u73fe\u7684\u57fa\u790e\u3002\"}, {\"@type\": \"HowToStep\", \"name\": \"\u8a8d\u8b58\u4e0d\u540c\u5b57\u9ad4\u985e\u578b\u7684\u7279\u8cea\u8207\u61c9\u7528\", \"text\": \"\u4e86\u89e3\u7121\u896f\u7dda\u3001\u6709\u896f\u7dda\u3001\u624b\u5beb\u8207\u5c55\u793a\u5b57\u9ad4\u5404\u81ea\u7684\u98a8\u683c\u8207\u9069\u7528\u60c5\u5883\u3002\u5b57\u9ad4\u7684\u9078\u64c7\u53d6\u6c7a\u65bc\u6240\u9700\u8868\u9054\u7684\u60c5\u7dd2\u548c\u76ee\u6a19\u53d7\u773e\uff0c\u5982\u540c\u8a9e\u8a00\u7684\u8a9e\u6c23\u3002\"}, {\"@type\": \"HowToStep\", \"name\": \"\u63a2\u7d22 Typography \u7684\u5ee3\u6cdb\u61c9\u7528\u7bc4\u7587\", \"text\": \"\u5f9e\u6d77\u5831\u3001\u96dc\u8a8c\u3001\u5305\u88dd\u5230\u5efa\u7bc9\u8207\u5ba4\u5167\u8a2d\u8a08\uff0cTypography \u7121\u8655\u4e0d\u5728\u3002\u5b83\u4e0d\u50c5\u662f\u6587\u5b57\u6392\u5217\uff0c\u66f4\u662f\u8a0a\u606f\u8207\u6c1b\u570d\u7684\u8f09\u9ad4\uff0c\u627f\u8f09\u8457\u6e9d\u901a\u7684\u91cd\u8981\u529f\u80fd\u3002\"}, {\"@type\": \"HowToStep\", \"name\": \"\u6301\u7e8c\u7cbe\u9032 Typography \u5b78\u7fd2\u7684\u65b9\u6cd5\", \"text\": \"\u900f\u904e\u89c0\u5bdf\u5206\u6790\u6848\u4f8b\uff0c\u4e26\u5229\u7528 I Love Typography\u3001Font in Use\u3001Behance \u7b49\u8cc7\u6e90\uff0c\u4e0d\u65b7\u6bd4\u8f03\u3001\u62c6\u89e3\u8207\u6a21\u4eff\uff0c\u9010\u6b65\u5efa\u7acb\u5c0d\u5b57\u9ad4\u8a2d\u8a08\u7684\u654f\u611f\u5ea6\u8207\u5c08\u696d\u80fd\u529b\u3002\"}]}]"},"categories":[34],"tags":[71,72,73],"class_list":["post-4502","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-typography","tag-72","tag-73"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/09\/typography-basic-scaled.jpeg",2560,1920,false],"thumbnail":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/09\/typography-basic-150x150.jpeg",150,150,true],"medium":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/09\/typography-basic-300x225.jpeg",300,225,true],"medium_large":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/09\/typography-basic-768x576.jpeg",768,576,true],"large":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/09\/typography-basic-1024x768.jpeg",1024,768,true],"1536x1536":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/09\/typography-basic-1536x1152.jpeg",1536,1152,true],"2048x2048":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/09\/typography-basic-2048x1536.jpeg",2048,1536,true],"trp-custom-language-flag":["https:\/\/lupinvisual.com\/wp-content\/uploads\/2025\/09\/typography-basic-16x12.jpeg",16,12,true]},"uagb_author_info":{"display_name":"lupin","author_link":"https:\/\/lupinvisual.com\/en\/author\/lupinart1008gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"\u5b57\u9ad4\u4e0d\u53ea\u662f\u6587\u5b57\u5916\u89c0\uff0c\u800c\u662f\u96b1\u5f62\u7684\u60c5\u7dd2\u8207\u6e9d\u901a\u8a9e\u8a00\u3002\u9019\u7bc7\u6587\u7ae0\u5206\u4eab\u5b57\u9ad4\u8a2d\u8a08\u7684\u57fa\u790e\u5143\u7d20\u8207\u61c9\u7528\uff0c\u5354\u52a9\u8b80\u61c2\u8a2d\u8a08\u80cc\u5f8c\u7684\u908f\u8f2f\u3002","_links":{"self":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/comments?post=4502"}],"version-history":[{"count":4,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4502\/revisions"}],"predecessor-version":[{"id":5221,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/posts\/4502\/revisions\/5221"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/media\/4508"}],"wp:attachment":[{"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/media?parent=4502"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/categories?post=4502"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lupinvisual.com\/en\/wp-json\/wp\/v2\/tags?post=4502"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}