PageSourceSearch

https://www.maoken.com/article-list

html maoken.com collected 2026-09-24 19:34:45 UTC 132,876 bytes, 2,130 lines download raw bytes

1<!DOCTYPE HTML>
2<html xmlns:wb="http://open.weibo.com/wb">
3
4<head>
5	<meta charset="UTF-8">
6	<link rel="dns-prefetch" href="//apps.bdimg.com">
7	<meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8">
8	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
9	<meta name="apple-mobile-web-app-title" content="猫啃网">
10	<meta http-equiv="Cache-Control" content="no-siteapp">
11	<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
12	<meta name="baidu-site-verification" content="codeva-kEHU0VHONd" />
13	<title>技巧教程-猫啃网</title>
14	<meta name='robots' content='max-image-preview:large' />
15<link rel="canonical" href="https://www.maoken.com/article-list"/>
16<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
17img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
18/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
19</style>
20<style id='wp-block-library-inline-css' type='text/css'>
21:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
21--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
22
23/*# sourceURL=wp-block-library-inline-css */
24</style>
25<style id='classic-theme-styles-inline-css' type='text/css'>
26/*! This file is auto-generated */
27.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
28/*# sourceURL=/wp-includes/css/classic-themes.min.css */
29</style>
30<style id='global-styles-inline-css' type='text/css'>
31:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
31--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
31.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
32/*# sourceURL=global-styles-inline-css */
33</style>
34
35<link rel='stylesheet' id='wp-postratings-css' href='https://www.maoken.com/wp-content/plugins/wp-postratings/css/postratings-css.css?ver=1.89' type='text/css' media='all' />
36<link rel='stylesheet' id='_bootstrap-css' href='https://www.maoken.com/wp-content/themes/maoken4.0/css/bootstrap.min.css?ver=6.4' type='text/css' media='all' />
37<link rel='stylesheet' id='_fontawesome-css' href='https://www.maoken.com/wp-content/themes/maoken4.0/css/font-awesome.min.css?ver=6.4' type='text/css' media='all' />
38<link rel='stylesheet' id='_main-css' href='https://www.maoken.com/wp-content/themes/maoken4.0/css/main.css?ver=6.4' type='text/css' media='all' />
39<link rel='stylesheet' id='webfont_page-css' href='https://www.maoken.com/wp-content/themes/maoken4.0/css/webfont_page.css?ver=6.9.4' type='text/css' media='all' />
40<link rel='stylesheet' id='custom-style-css' href='https://www.maoken.com/wp-content/themes/maoken4.0/css/maoken.css?ver=2.1' type='text/css' media='all' />
41<link rel='stylesheet' id='usercenter_styles-css' href='https://www.maoken.com/wp-content/themes/maoken4.0/css/usercenter.css?ver=2.1' type='text/css' media='all' />
42<link rel='stylesheet' id='wp-pagenavi-css' href='https://www.maoken.com/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' />
43<script type="text/javascript" src="https://www.maoken.com/wp-content/themes/maoken4.0/js/libs/jquery.min.js?ver=6.4" id="jquery-js"></script>
43
44<link rel="https://api.w.org/" href="https://www.maoken.com/wp-json/" /><style>a.cld-like-dislike-trigger {color: #d3d3d3;}span.cld-count-wrap {color: #d3d3d3;}</style>
45        <style>
46        /* 最近评论者头像样式 */
47        .wpavatar-latest-commenters {
48            display: flex;
49            flex-wrap: wrap;
50            gap: 10px;
51            align-items: center;
52            justify-content: center;
53        }
54        .wpavatar-latest-commenters .comment-avatar {
55            display: flex;
56            flex-direction: column;
57            align-items: center;
58            text-align: center;
59        }
60        .wpavatar-latest-commenters .comment-avatar a {
61            display: inline-block;
62            overflow: hidden;
63            margin-left: -15px;
64        }
65        .wpavatar-latest-commenters .comment-avatar:first-child a {
66            margin-left: 0;
67        }
68        .wpavatar-latest-commenters .comment-avatar img {
69            border-radius: 50%;
70            width: auto;
71            display: inline-block;
72            overflow: hidden;
73            box-shadow: 0 1px 0 1px rgba(0, 0, 0, .1);
74            border: 3px solid #FFF;
75            position: relative;
76        }
77        .wpavatar-latest-commenters .comment-avatar img:hover {
78            border: 3px solid #000;
79            z-index: 10;
80        }
81        .wpavatar-latest-commenters .comment-author-name {
82            font-size: 12px;
83            margin-top: 5px;
84            display: block;
85            max-width: 90px;
86            overflow: hidden;
87            text-overflow: ellipsis;
88            white-space: nowrap;
89        }
90
91        /* 用户头像列表样式 */
92        .wpavatar-latest-users,
93        .wpavatar-random-users {
94            display: flex;
95            flex-wrap: wrap;
96            gap: 15px;
97            justify-content: center;
98        }
99        .wpavatar-latest-user,
100        .wpavatar-random-user {
101            display: flex;
102            flex-direction: column;
103            align-items: center;
104            text-align: center;
105            width: 80px;
106        }
107        .wpavatar-latest-user img,
108        .wpavatar-random-user img {
109            border-radius: 50%;
110            margin-bottom: 5px;
111            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
112        }
113        .wpavatar-latest-user-name,
114        .wpavatar-random-user-name {
115            font-size: 12px;
116            line-height: 1.3;
117            margin-top: 5px;
118            word-break: break-word;
119            max-width: 100%;
120            overflow: hidden;
121            text-overflow: ellipsis;
122        }
123        </style>
124        <meta name="keywords" content="技巧教程">
125<meta name="description" content="猫啃网'技巧教程'">
126<style>.container{max-width:1320px}a:hover, .site-navbar li:hover > a, .site-navbar li.active a:hover, .site-navbar a:hover, .search-on .site-navbar li.navto-search a, .topbar a:hover, .site-nav li.current-menu-item > a, .site-nav li.current-menu-parent > a, .site-search-form a:hover, .branding-primary .btn:hover, .title .more a:hover, .excerpt h2 a:hover, .excerpt .meta a:hover, .excerpt-minic h2 a:hover, .excerpt-minic .meta a:hover, .article-content .wp-caption:hover .wp-caption-text, .article-content a, .article-nav a:hover, .relates a:hover, .widget_links li a:hover, .widget_categories li a:hover, .widget_ui_comments strong, .widget_ui_posts li a:hover .text, .widget_ui_posts .nopic .text:hover , .widget_meta ul a:hover, .tagcloud a:hover, .textwidget a, .textwidget a:hover, .sign h3, #navs .item li a, .url, .url:hover, .excerpt h2 a:hover span, .widget_ui_posts a:hover .text span, .widget-navcontent .item-01 li a:hover span, .excerpt-minic h2 a:hover span, .relates a:hover span{color: #FF5E52;}.btn-primary, .label-primary, .branding-primary, .post-copyright:hover, .article-tags a, .pagination ul > .active > a, .pagination ul > .active > span, .pagenav .current, .widget_ui_tags .items a:hover, .sign .close-link, .pagemenu li.active a, .pageheader, .resetpasssteps li.active, #navs h2, #navs nav, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{background-color: #FF5E52;}.btn-primary, .search-input:focus, #bdcs .bdcs-search-form-input:focus, #submit, .plinks ul li a:hover,.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{border-color: #FF5E52;}.search-btn, .label-primary, #bdcs .bdcs-search-form-submit, #submit, .excerpt .cat{background-color: #FF5E52;}.excerpt .cat i{border-left-color:#FF5E52;}@media (max-width: 720px) {.site-navbar li.active a, .site-navbar li.active a:hover, .m-nav-show .m-icon-nav{color: #FF5E52;}}@media (max-width: 480px) {.pagination ul > li.next-page a{background-color:#FF5E52;}}.post-actions .action.action-like,.pagemenu li.current-menu-item > a{background-color: #FF5E52;}.catleader h1{border-left-color: #FF5E52;}.loop-english-filters ul .current-cat>a{color: #FF5E52;}</style>
127<!--HEADER_CODE_START-->
128<script src="https://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
128
129<!--HEADER_CODE_END-->
130	<link rel="shortcut icon" href="https://www.maoken.com/favicon.ico">
131	<!--[if lt IE 9]>
131<script src="https://www.maoken.com/wp-content/themes/maoken4.0/js/libs/html5.min.js"></script>
131<![endif]-->
132<link rel='stylesheet' id='maoken-social-unified-login-css' href='https://www.maoken.com/wp-content/plugins/maoken-social/assets/css/unified-login.css?ver=1.0.0' type='text/css' media='all' />
133
134</head>
135
136<body class="archive post-type-archive post-type-archive-tutorials wp-theme-maoken40 nav_fixed m-excerpt-cat site-layout-2 text-justify-on m-sidebar m-user-on">
137			<div class="topbar" style="display: none;">
138			<div class="topbar__inner">
139				<ul class="site-nav topmenu">
140					<li id="menu-item-17022" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-17022"><a href="/unbound"><b style="color:red">猫啃字体</b></a>
141<ul class="sub-menu">
142	<li id="menu-item-17708" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17708"><a href="https://www.maoken.com/dragonball">标小智龙珠体</a></li>
143	<li id="menu-item-17017" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17017"><a href="https://www.maoken.com/unbound">标小智无界黑</a></li>
144	<li id="menu-item-17018" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17018"><a href="https://www.maoken.com/assorted">猫啃什锦黑</a></li>
145	<li id="menu-item-17020" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17020"><a href="https://www.maoken.com/tangyuan">猫啃网糖圆体</a></li>
146</ul>
147</li>
148<li id="menu-item-17016" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17016"><a href="https://www.maoken.com/copyright">字体版权检测</a></li>
149<li id="menu-item-17023" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-17023"><a href="https://www.maoken.com/zhengyi">存疑字体</a></li>
150<li id="menu-item-17019" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17019"><a href="https://www.maoken.com/update">版本更新</a></li>
151<li id="menu-item-17168" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17168"><a href="https://www.maoken.com/messages">给我留言</a></li>
152<li id="menu-item-24174" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-24174"><a href="https://hao.uisdc.com">设计导航</a></li>
153											<li class="menusns menu-item-has-children">
154							<a href="javascript:;">关注猫啃</a>
155							<ul class="sub-menu">
156								<li><a class="sns-wechat" href="javascript:;" title="猫啃公众号" data-src="https://www.maoken.com/wp-content/uploads/2020/08/295425aacb0359f.jpg">猫啃公众号</a></li>								<li><a target="_blank" rel="external nofollow" href="https://www.weibo.com/1840409440">新浪微博</a></li>							</ul>
157						</li>
158									</ul>
159			</div>
160		</div>
161		<header class="header">
162		<div class="container">
163			<div class="logo"><a href="https://www.maoken.com" title="猫啃网,最新最全的可免费商用中文字体下载网站!无版权免费字体下载"><img src="https://www.maoken.com/logo.png" alt="猫啃网,最新最全的可免费商用中文字体下载网站!无版权免费字体下载">猫啃网</a></div>				<div class="mk-brand">
164					<div class="mk-brand__sub"><img src="https://www.maoken.com/wp-content/themes/maoken4.0/img/sublogo.svg"></div>
165					<div class="mk-brand__txt">已搜集<b class="f-red">846</b>款免费中文字体</div>
166				</div>
167			
168			<ul class="site-nav site-navbar">
169				<li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6"><a href="/">首页</a></li>
170<li id="menu-item-26942" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-26942"><a href="/freefonts">免费字体</a>
171<ul class="sub-menu">
172	<li id="menu-item-8" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-8"><a href="https://www.maoken.com/freefonts"><i class="symbol-chinese"></i><span class="text">免费中文</span></a>
173	<ul class="sub-menu">
174		<li id="menu-item-8386" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8386"><a href="https://www.maoken.com/freefonts/mainlandchina">中国大陆</a></li>
175		<li id="menu-item-8385" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8385"><a href="https://www.maoken.com/freefonts/taiwan">中国台湾</a></li>
176		<li id="menu-item-8387" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8387"><a href="https://www.maoken.com/freefonts/hongkong">
176中国香港</a></li>
177		<li id="menu-item-8389" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8389"><a href="https://www.maoken.com/freefonts/japan">日本汉字</a></li>
178		<li id="menu-item-8388" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8388"><a href="https://www.maoken.com/freefonts/othercountry">其他国家</a></li>
179	</ul>
180</li>
181	<li id="menu-item-5742" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-5742"><a href="https://www.maoken.com/english"><i class="symbol-english"></i><span class="text">免费西文</span></a>
182	<ul class="sub-menu">
183		<li id="menu-item-9286" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9286"><a href="https://www.maoken.com/english/vogue">时尚</a></li>
184		<li id="menu-item-9281" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9281"><a href="https://www.maoken.com/english/grace">优雅</a></li>
185		<li id="menu-item-9285" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9285"><a href="https://www.maoken.com/english/write">手写</a></li>
186		<li id="menu-item-9283" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9283"><a href="https://www.maoken.com/english/lovely">可爱</a></li>
187		<li id="menu-item-9284" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9284"><a href="https://www.maoken.com/english/retro">复古</a></li>
188		<li id="menu-item-9287" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9287"><a href="https://www.maoken.com/english/modern">稳重</a></li>
189		<li id="menu-item-9282" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9282"><a href="https://www.maoken.com/english/other">其它</a></li>
190	</ul>
191</li>
192	<li id="menu-item-27069" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-27069"><a href="https://www.maoken.com/otherlangs/japanese"><i class="symbol-japanese"></i><span class="text">免费日文</span></a></li>
193	<li id="menu-item-26945" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-26945"><a href="https://www.maoken.com/otherlangs/korea"><i class="symbol-korea"></i><span class="text">免费韩文</span></a></li>
194</ul>
195</li>
196<li id="menu-item-25562" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-25562"><a href="/ziyou_client">字体工具</a>
197<ul class="sub-menu">
198	<li id="menu-item-26779" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26779"><a href="https://www.hellofont.cn/font-ai?from=maoken:push"><i class="font-ai"></i><span class="text">AI识字</span></a></li>
199	<li id="menu-item-26780" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26780"><a href="https://www.hellofont.cn/font-effect?from=maoken:push"><i class="font-effect"></i><span class="text">字体特效</span></a></li>
200	<li id="menu-item-26781" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26781"><a href="https://www.hellofont.cn/font-match?from=maoken:push"><i class="font-match"></i><span class="text">AI配字</span></a></li>
201	<li id="menu-item-26782" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26782"><a href="https://www.hellofont.cn/text-remover?from=maoken:push"><i class="text-remover"></i><span class="text">AI擦除</span></a></li>
202</ul>
203</li>
204<li id="menu-item-9659" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-ancestor current-menu-parent menu-item-has-children menu-item-9659"><a href="https://www.maoken.com/eyes">资讯动态</a>
205<ul class="sub-menu">
206	<li id="menu-item-7529" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-7529"><a href="https://www.maoken.com/eyes/business">业界动态</a></li>
207	<li id="menu-item-3173" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3173"><a href="https://www.maoken.com/eyes/viewpoint">设计视界</a></li>
208	<li id="menu-item-18507" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-18507"><a href="https://www.maoken.com/eyes/school">字体教程</a></li>
209	<li id="menu-item-28955" class="menu-item menu-item-type-post_type_archive menu-item-object-tutorials current-menu-item menu-item-28955"><a target="_blank" href="https://www.maoken.com/article-list" aria-current="page">技巧教程</a></li>
210	<li id="menu-item-28683" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28683"><a target="_blank" href="https://www.zishuai.com/?from=maoken-nav">字体素材</a></li>
211	<li id="menu-item-17552" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-17552"><a href="https://www.maoken.com/eyes/limitfree">限时免费</a></li>
212	<li id="menu-item-26783" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-26783"><a href="https://www.maoken.com/zhengyi">存疑字体</a></li>
213</ul>
214</li>
215<li id="menu-item-9661" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9661"><a href="https://www.maoken.com/certificate">在线授权</a></li>
216<li id="menu-item-1198" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-1198"><a href="https://www.maoken.com/all-fonts"><i class="hot"></i>
216字体大全表</a>
217<ul class="sub-menu">
218	<li id="menu-item-5690" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5690"><a href="https://www.maoken.com/all-fonts">表格版</a></li>
219	<li id="menu-item-5691" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5691"><a href="https://www.maoken.com/all-fonts-imgs">图文版</a></li>
220	<li id="menu-item-12281" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12281"><a href="https://www.maoken.com/preview">预览版</a></li>
221	<li id="menu-item-25196" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25196"><a href="https://www.maoken.com/fontszip">打包下载</a></li>
222</ul>
223</li>
224<li id="menu-item-26396" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26396"><a href="https://www.maoken.com/ziyou_client">客户端</a></li>
225<li id="menu-item-26943" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26943"><a target="_blank" href="https://maoken.hellofont.cn/"><i class="iconfont">&#xe64a;</i></a></li>
226			</ul>
227			
227<script>
228								// console.log(user_maoken);
229				$('#menu-item-90 a').attr('target', '_blank');
230				$('#menu-item-24797 a').attr('target', '_blank');
231				$('#menu-item-25562 a').attr('target', '_blank');
232				$('#menu-item-26943 a').attr('target', '_blank');
233				$('.site-navbar a[href^="https://maoken.hellofont.cn/"]').attr('target', '_blank');
234				
235				// 定义需要处理的菜单项数组
236				var menuItems = ['#menu-item-24797', '#menu-item-25562', '#menu-item-24805', '#menu-item-26943'];
237				
238				// 遍历菜单项数组,为每个菜单项下的所有链接拼接mk=$user_maoken参数
239				if (typeof user_maoken !== 'undefined') {
240					$.each(menuItems, function(index, selector) {
241						$(selector + ' a').each(function() {
242							var $link = $(this);
243							var originalHref = $link.attr('href');
244							var isHelloFontLink = originalHref && /^https?:\/\/maoken\.hellofont\.cn(?:\/|$)/i.test(originalHref);
245							// 检查链接中是否已存在mk参数
246							if (originalHref && !isHelloFontLink && originalHref.indexOf('mk=') === -1) {
247								// 简单直接的参数拼接方法
248								var separator = originalHref.indexOf('?') !== -1 ? '&' : '?';
249								var newHref = originalHref + separator + 'mk=' + encodeURIComponent(user_maoken);
250								$link.attr('href', newHref);
251							}
252						});
253					});
254				}
255			</script>
255
256
257			<div class="site-login">
258				<div class="site-login__inner">
259											<a href="javascript:;" class="search-show active"><i class="fa fa-search"></i></a>
260					
261											<a href="#" class="login-link" onclick="show_social_login_popup();">登录 | 注册</a>
262						<!-- <span class="text text--separate">|</span> -->
263						<!-- <a href="https://www.maoken.com/register" class="login-link">注册</a> -->
264									</div>
265			</div>
266
267							<i class="fa fa-bars m-icon-nav"></i>
268					</div>
269	</header>
270	<div class="site-search">
271		<div class="container">
272			<form method="get" class="site-search-form" action="https://www.maoken.com/" ><input class="search-input" name="s" type="text" placeholder="输入关键字" value=""><button class="search-btn" type="submit"><i class="fa fa-search"></i></button></form>		</div>
273	</div>
274		<div class="promotion" style="background-color:#c2d9fd">
275		<div class="container">
276		<a id="promotion" onclick="adClickCounts('maoken-promotion-banner')" target="_blank" href="https://www.maoken.com/fontgift"><img src="https://img.maoken.com/2026/08/570d20dcbf9330c.jpg" /></a>
277		</div>
278	</div>
279			
280
281            <!--弹窗(popup) 登录-->
282        <div class="c-popup c-popup--login" id="loginPopup" name="cPopup" style="display:none;">
283            <div class="c-popup__bg"></div>
284            <div class="c-popup__sprite">
285                <div class="c-popup__box" style="border-radius: 12px !important;">
286                    <span class="c-popup__close" name="cPopupClose" style="z-index: 99999" onclick="hide_social_login_popup();"><i class="fa fa-close"></i></span>
287                    <div class="unified-login-sprite">
288    <div class="unified-login-inner">
289        <div class="unified-login-left">
290            <div class="unified-login-slogan">
291                <img src="https://www.maoken.com/wp-content/plugins/maoken-social/assets/img/logo.png" class="maoken-logo">
292                <h3>值得信赖品牌</h3>
293            </div>
294
295            <img src="https://www.maoken.com/wp-content/plugins/maoken-social/assets/img/maoken-painter.png" class="maoken-painter">
296        </div>
297
298        <div class="unified-login-box" x-data x-show="$store.global.showSuccess" style="display: none">
299            <div class="unified-login-content">
300                <div class="main-title">成功登录!</div>
301                <div class="sub-title">欢迎光临猫啃网~</div>
302                <img src="https://www.maoken.com/wp-content/plugins/maoken-social/assets/img/logged-in.svg" class="logged-in">
303            </div>
304        </div>
305
306        <div class="unified-login-box" x-data x-show="!$store.global.showSuccess">
307                            <div id="wechatLogin" class="unified-login-content unified-login-content--wechat"
308                    x-show="$store.global.currentModule === 'wechat'" x-data="wechatData">
309                    <div class="main-title"><b>微信扫码</b>一键登录</div>
310                    <div class="sub-title">未注册的微信号将自动创建猫啃账号</div>
311                    <div class="wechat-qrcode-wrap">
312                        <div class="qrcode" x-ref="wechatQr"></div>
313                        <div x-show="!$store.global.agreementChecked" class="wechat-qrcode-mask">
314                            请先勾选<br>同意猫啃相关协议
315                        </div>
316                    </div>
317                </div>
318            
319            <div id="passwordLogin" class="unified-login-content unified-login-content--password"
320                x-show="$store.global.currentModule === 'password'" style="display: none;" x-data="passwordData">
321                <div class="main-title"><b>帐号密码</b>登录</div>
322                <form class="unified-login-form" @submit.prevent="loginWithPassword">
323                    <input type="hidden" name="nonce" value="3816ef7ed2" />
324                    <div class="c-input"><input id="username" name="username" type="text" class="c-input__field"
325                        :disabled="!$store.global.agreementChecked"
326                            placeholder="请输入用户名或邮箱" required autocomplete="username" />
327                    </div>
328                    <div class="c-input"><input id="password" name="password" type="password" class="c-input__field"
329                        :disabled="!$store.global.agreementChecked"
330                            placeholder="请输入密码" required autocomplete="current-password" /></div>
331                    <div x-show="!$store.global.agreementChecked" class="agreement-warning">请先勾选同意猫啃相关协议</div>
332
333                    <cap-widget required id="cap-verify" x-ref="cap-verify" style=" --cap-border-radius: 5px;"
334                        data-cap-i18n-initial-state="我是人类?" data-cap-i18n-verifying-label="验证中……"
335                        data-cap-i18n-solved-label="喵喵!" data-cap-i18n-error-label="验证失败,请重新验证"
336                        data-cap-i18n-troubleshooting-label="自检中" data-cap-i18n-wasm-disabled="开启 WASM 以加速验证"
337                        data-cap-i18n-verify-aria-label="单击以验证您是人类" data-cap-i18n-verifying-aria-label="验证中,请稍等……"
338                        data-cap-i18n-verified-aria-label="已验证" data-cap-i18n-error-aria-label="出现错误ï¼
338Œè¯·ç¨åŽé‡è¯•"
339                        data-cap-i18n-required-label="请完成验证"
340                        data-cap-api-endpoint="https://www.maoken.com/wp-json/maoken-social/v1/cap"></cap-widget>
341
342                    <div x-show="errorMessage" class="error-message" x-text="errorMessage"
343                        style="color: red; font-size: 12px; margin-bottom: 10px; text-align: left;"></div>
344                    <button type="submit" class="unified-login-button" x-text="isLoggingIn ? '登录中...' : '登录'"
345                        :disabled="isLoggingIn || !$store.global.agreementChecked" data-cap-floating="#cap-verify"
346                        data-cap-floating-position="bottom">
347                    </button>
348                    <div class="account-helper">
349                                                    <div class="account-helper-item">没有账户?<a href="#"
350                                    @click.prevent="$store.global.currentModule = 'register'">立即注册</a></div>
351                                                <div class="account-helper-item"><a href="#"
352                                @click.prevent="$store.global.currentModule = 'lostpassword'">忘记密码?</a></div>
353                    </div>
354                </form>
355            </div>
356
357                            <div id="registerForm" class="unified-login-content unified-login-content--register"
358                    x-show="$store.global.currentModule === 'register'" style="display: none;" x-data="registerData">
359                    <div class="main-title"><b>注册新账户</b></div>
360                    <form class="unified-login-form" @submit.prevent="registerUser">
361                        <input type="hidden" name="nonce" value="c38686b5ff" />
362                        <div class="c-input"><input name="username" type="text" class="c-input__field" placeholder="请输入用户名"
363                                required autocomplete="username" />
364                        </div>
365                        <div class="c-input"><input name="email" type="email" class="c-input__field" placeholder="请输入邮箱"
366                                required autocomplete="email" />
367                        </div>
368                        <div class="c-input"><input name="password" type="password" class="c-input__field"
369                                placeholder="请输入密码" required autocomplete="new-password" /></div>
370                        <div class="c-input"><input name="password_confirm" type="password" class="c-input__field"
371                                placeholder="请确认密码" required autocomplete="new-password" /></div>
372
373                        <cap-widget required id="cap-verify-register" x-ref="cap-verify-register"
374                            style="--cap-border-radius: 5px;" data-cap-i18n-initial-state="我是人类?"
375                            data-cap-i18n-verifying-label="验证中……" data-cap-i18n-solved-label="喵喵!"
376                            data-cap-i18n-error-label="验证失败,请重新验证" data-cap-i18n-troubleshooting-label="自检中"
377                            data-cap-i18n-wasm-disabled="开启 WASM 以加速验证" data-cap-i18n-verify-aria-label="单击以验证您是人类"
378                            data-cap-i18n-verifying-aria-label="验证中,请稍等……" data-cap-i18n-verified-aria-label="已验证"
379                            data-cap-i18n-error-aria-label="出现错误,请稍后重试" data-cap-i18n-required-label="请完成验证"
380                            data-cap-api-endpoint="https://www.maoken.com/wp-json/maoken-social/v1/cap"></cap-widget>
381
382                        <div x-show="errorMessage" class="error-message" x-text="errorMessage"
383                            style="color: red; font-size: 12px; margin-bottom: 10px; text-align: left;"></div>
384                        <button type="submit" class="unified-login-button" x-text="isLoggingIn ? '注册中...' : '注册'"
385                            :disabled="isLoggingIn" data-cap-floating="#cap-verify-register"
386                            data-cap-floating-position="bottom"></button>
387                        <div class="account-helper">
388                            <div class="account-helper-item">已有账户?<a href="#"
389                                    @click.prevent="$store.global.currentModule = 'password'">立即登录</a></div>
390                        </div>
391                    </form>
392                </div>
393            
394            <div id="lostPasswordForm" class="unified-login-content unified-login-content--lostpassword"
395                x-show="$store.global.currentModule === 'lostpassword'" style="display: none;"
396                x-data="lostPasswordData">
397                <div class="main-title"><b>找回密码</b></div>
398                <form class="unified-login-form" @submit.prevent="lostPassword">
399                    <input type="hidden" name="nonce" value="c1ba15236b" />
400                    <div class="c-input"><input name="user_login" type="text" class="c-input__field"
401                            placeholder="请输入用户名或邮箱" required />
402                    </div>
403
404                    <cap-widget required id="cap-verify-lostpwd" x-ref="cap-verify-lostpwd"
405                        style="--cap-border-radius: 5px;" data-cap-i18n-initial-state="我是人类?"
406                        data-cap-i18n-verifying-label="验证中……" data-cap-i18n-solved-label="喵喵!"
407                        data-cap-i18n-error-label="验证失败,请重新验证" data-cap-i18n-troubleshooting-label="自检中"
408                        data-cap-i18n-wasm-disabled="开启 WASM 以加速验证" data-cap-i18n-verify-aria-label="单击以验证您是人类"
409                        data-cap-i18n-verifying-aria-label="验证中,请稍等……" data-cap-i18n-verified-aria-label="已验证"
410                        data-cap-i18n-error-aria-label="出现错误ï¼
410Œè¯·ç¨åŽé‡è¯•" data-cap-i18n-required-label="请完成验证"
411                        data-cap-api-endpoint="https://www.maoken.com/wp-json/maoken-social/v1/cap"></cap-widget>
412
413                    <div x-show="errorMessage" class="error-message" x-text="errorMessage"
414                        style="color: red; font-size: 12px; margin-bottom: 10px; text-align: left;"></div>
415                    <button type="submit" class="unified-login-button" x-text="isLoggingIn ? '发送中...' : '获取新密码'"
416                        :disabled="isLoggingIn" data-cap-floating="#cap-verify-lostpwd"
417                        data-cap-floating-position="bottom"></button>
418                    <div class="account-helper">
419                        <div class="account-helper-item">记起密码了?<a href="#"
420                                @click.prevent="$store.global.currentModule = 'password'">立即登录</a></div>
421                    </div>
422                </form>
423            </div>
424
425                            <div id="smsLogin" class="unified-login-content unified-login-content--sms"
426                    x-show="$store.global.currentModule === 'sms'" style="display: none;" x-data="smsData">
427                    <div class="main-title"><b>电话号码</b>登录</div>
428                    <form class="unified-login-form" @submit.prevent="loginWithSms">
429                        <input type="hidden" name="nonce" value="7bc38f3348" />
430                        <div class="c-column c-input">
431                            <div class="c-column__item c-column--8 ">
432                                <input id="phone" name="phone" type="text" class="c-input__field" placeholder="请输入电话号码"
433                                    :disabled="!$store.global.agreementChecked"
434                                    required autocomplete="phone" />
435                            </div>
436                            <div class="c-column__item c-column--4">
437                                <button type="button" class="unified-plain-button"
438                                    x-text="isSendingVerificationCode ? '已发送(' + countdown + '秒)' : '获取验证码'"
439                                    :disabled="isSendingVerificationCode || !$store.global.agreementChecked" @click="sendSms"
440                                    data-cap-floating="#cap-verify-sms" data-cap-floating-position="bottom"></button>
441                            </div>
442
443                            <cap-widget id="cap-verify-sms" x-ref="cap-verify-sms" style=" --cap-border-radius: 5px;"
444                                data-cap-i18n-initial-state="我是人类?" data-cap-i18n-verifying-label="验证中……"
445                                data-cap-i18n-solved-label="喵喵!" data-cap-i18n-error-label="验证失败,请重新验证"
446                                data-cap-i18n-troubleshooting-label="自检中" data-cap-i18n-wasm-disabled="开启 WASM 以加速验证"
447                                data-cap-i18n-verify-aria-label="单击以验证您是人类" data-cap-i18n-verifying-aria-label="验证中,请稍等……"
448                                data-cap-i18n-verified-aria-label="已验证" data-cap-i18n-error-aria-label="出现错误,请稍后重试"
449                                data-cap-i18n-required-label="请完成验证"
450                                data-cap-api-endpoint="https://www.maoken.com/wp-json/maoken-social/v1/cap"></cap-widget>
451
452                        </div>
453
454                        <div class="c-input"><input id="code" name="code" x-ref="sms-code" class="c-input__field"
455                            :disabled="!$store.global.agreementChecked"
456                                placeholder="请输入验证码" autocomplete="sms_code" /></div>
457                        <div x-show="!$store.global.agreementChecked" class="agreement-warning">请先勾选同意猫啃相关协议</div>
458
459                        <div x-show="errorMessage" class="error-message" x-text="errorMessage"
460                            style="color: red; font-size: 12px; margin-bottom: 10px; text-align: left;"></div>
461                        <button type="submit" class="unified-login-button" x-text="isLoggingIn ? '登录中...' : '登录'"
462                            :disabled="isLoggingIn || !$store.global.agreementChecked">
463                        </button>
464                    </form>
465                </div>
466            
467            <div class="unified-login-other" x-data="loginData">
468                <div class="other-head"><span class="text">其他登录方式</span></div>
469                <div class="other-content">
470                                            <a href="#" class="other-item"
471                            @click.prevent="loginWithProvider('https://www.maoken.com/wp-json/maoken-social/v1/qq/url', '44c670b437')"
472                            id="login_qq">
473                            <i class="iconfont">&#xe623;</i><span class="text">QQ</span>
474                        </a>
475                                            <a href="#" class="other-item"
476                            @click.prevent="loginWithProvider('https://www.maoken.com/wp-json/maoken-social/v1/weibo/url', 'd254ec061c')"
477                            id="login_weibo">
478                            <i class="iconfont">&#xe600;</i><span class="text">微博</span>
479                        </a>
480                                                                <a href="#" id="loginWechat" class="other-item" x-show="$store.global.currentModule !== 'wechat'"
481                            @click.prevent="$store.global.currentModule = 'wechat'"><i class="iconfont">&#xe63f;</i><span
482                                class="text">微信</span></a>
483                                        <a href="#" id="loginAccount" class="other-item" x-show="$store.global.currentModule !== 'password'"
484                        @click.prevent="$store.global.currentModule = 'password'"><i class="iconfont">&#xe651;</i><span
485                            class="text">帐号</span></a>
486                                            <a href="#" id="loginSms" class="other-item" x-show="$store.global.currentModule !== 'sms'"
487                            @click.prevent="$store.global.currentModule = 'sms'"><i class="iconfont">&#xe612;</i><span
488                                class="text">短信</span></a>
489                                    </div>
490                <div class="login-agreement">
491                    <label class="agreement-checkbox">
492                        <input type="checkbox" x-model="$store.global.agreementChecked" checked aria-label="同意猫啃相关协议">
493                        <span class="agreement-checkbox__indicator" aria-hidden="true"></span>
494                        <span class="text">登录即代表同意<a href="https://www.maoken.com/user-agreement" target="_blank">《用户协议》</a>和<a href="https://www.maoken.com/privacy-policy" target="_blank">《隐私政策》</a></span>
495                    </label>
496                </div>
497            </div>
498        </div>
499    </div>
500</div>
501<script>
502    document.addEventListener('alpine:init', function () {
503        Alpine.store('global', {
504            showSuccess: false,
505            agreementChecked: true,
506            currentModule: (function () {
507                const action = new URLSearchParams(window.location.search).get('action');
508                if (action === 'register') return 'register';
509                if (action === 'login') return 'password';
510                if (action === 'lostpassword') return 'lostpassword';
511                                    return 'wechat';
512                            })(),
513            url: new URLSearchParams(window.location.search).get('redirect_to') ?? window.location.href ?? "https://www.maoken.com",
514
515            success() {
516                this.showSuccess = true;
517                setTimeout(() => {
518                    let searchParam = new URLSearchParams(window.location.search);
519                    if (searchParam && searchParam.get('redirect_to')) {
520                        window.location.href = searchParam.get('redirect_to');
521                    } else if (window.location.pathname === '/unified-login/') {
522                        window.location.href = "https://www.maoken.com";
523                    } else {
524                        window.location.reload();
525                    }
526                }, 1000);
527            }
528        });
529
530        Alpine.data('loginData', () => ({
531            async loginWithProvider(loginUrl, nonce) {
532                const redirectUrl = Alpine.store('global').url;
533                const params = redirectUrl ? { redirect_to: redirectUrl, nonce: nonce } : { nonce: nonce };
534                const response = await fetch(loginUrl + '?' + new URLSearchParams(params));
535                const data = await response.json();
536
537                if (response.ok && data.url) {
538                    window.location.href = data.url;
539                }
540            }
541        }));
542
543        Alpine.data('wechatData', () => ({
544            errorMessage: '',
545            evtSource: null,
546            observer: null,
547
548            startEvtSource() {
549                if (this.evtSource) return;
550                this.evtSource = new EventSource("https://www.maoken.com/wp-json/maoken-social/v1/wechat/url?nonce=13b65ce726");
551                this.evtSource.addEventListener('qrcode', (event) => {
552                    if (JSON.parse(event.data)["url"]) {
553                        this.$refs.wechatQr.innerHTML = "";
554                        new QRCode(this.$refs.wechatQr, {
555                            text: JSON.parse(event.data)["url"],
556                            width: 256,
557                            height: 256,
558                            colorDark: "#000000",
559                            colorLight: "#ffffff",
560                            correctLevel: QRCode.CorrectLevel.M
561                        });
562                    }
563                })
564                this.evtSource.addEventListener('login', async (event) => {
565                    // 呼叫回调页面登录用户
566                    this.evtSource.close();
567                    const redirectUrl = JSON.parse(event.data)["redirect"];
568                    const response = await fetch(redirectUrl);
569                    if (response.ok) {
570                        Alpine.store('global').success();
571                    } else {
572                        this.errorMessage = '登录失败,请刷新后重试';
573                    }
574                })
575                // this.evtSource.addEventListener('bind', async (event) => {
576                //     // 已登录用户绑定微信成功
577                //     this.evtSource.close();
578                //     const redirectUrl = JSON.parse(event.data)["redirect"];
579                //     await fetch(redirectUrl);
580                //     this.currentModule = 'success';
581                //     setTimeout(() => {
582                //         window.location.reload();
583                //     }, 1000);
584                // })
585                this.evtSource.addEventListener('error', (event) => {
586                    this.evtSource.close();
587                    const data = JSON.parse(event.data || '{}');
588                    this.errorMessage = data.error || '操作失败,请重试';
589                    this.$refs.wechatQr.innerHTML = '';
590                })
591                this.evtSource.onerror = (event) => {
592                    this.evtSource.close();
593                    this.$refs.wechatQr.innerHTML = "<p>二维码已失效,<wbr>请刷新页面</p>";
594                }
595            },
596
597            stopEvtSource() {
598                if (this.evtSource) {
599                    this.evtSource.close();
600                    this.evtSource = null;
601                }
602            },
603
604            async init() {
605                this.$watch('$store.global.currentModule', () => { this.errorMessage = '' })
606                this.$watch('$store.global.agreementChecked', (checked) => {
607                    if (!checked) {
608                        this.stopEvtSource();
609                    } else if (Alpine.store('global').currentModule === 'wechat') {
610                        this.startEvtSource();
611                    }
612                })
613
614                this.observer = new IntersectionObserver((entries) => {
615                    if (entries[0].isIntersecting && Alpine.store('global').currentModule === 'wechat' && Alpine.store('global').agreementChecked) {
616                        this.startEvtSource();
617                    } else {
618                        this.stopEvtSource();
619                    }
620                });
621
622                if (this.$refs.wechatQr) {
623                    this.observer.observe(this.$refs.wechatQr);
624                }
625            }
626        }));
627
628        Alpine.data('passwordData', () => ({
629            errorMessage: '',
630            isLoggingIn: false,
631
632            async loginWithPassword(e) {
633                if (!Alpine.store('global').agreementChecked) {
634                    this.errorMessage = '请先勾选同意猫啃相关协议';
635                    return;
636                }
637                e.target.reportValidity();
638                this.errorMessage = e.target.validationMessage;
639                if (this.errorMessage) {
640                    return;
641                }
642                const body = new URLSearchParams(new FormData(e.target));
643                if (!body.get('cap-token')) {
644                    this.errorMessage = '请完成人机验证!';
645                    return;
646                }
647
648                this.isLoggingIn = true;
649                try {
650                    const response = await fetch("https://www.maoken.com/wp-json/maoken-social/v1/password-login", {
651                        method: 'POST',
652                        headers: {
653                            'Content-Type': 'application/x-www-form-urlencoded',
654                        },
655                        body
656                    });
657
658                    const data = await response.json();
659
660                    if (response.ok && data.status === 'success') {
661                        Alpine.store('global').success();
662                    } else {
663                        this.errorMessage = data.message || '登录失败,请检查用户名和密码';
664                        this.$refs["cap-verify"].reset()
665                    }
666                } catch (error) {
667                    this.errorMessage = '网络错误,请稍后重试';
668                } finally {
669                    this.isLoggingIn = false;
670                }
671            }
672        }));
673
674        Alpine.data('registerData', () => ({
675            errorMessage: '',
676            isLoggingIn: false,
677
678            async registerUser(e) {
679                e.target.reportValidity();
680                this.errorMessage = e.target.validationMessage;
681                if (this.errorMessage) {
682                    return;
683                }
684                const body = new URLSearchParams(new FormData(e.target));
685                if ((body.get('password') || '') !== (body.get('password_confirm') || '')) {
686                    this.errorMessage = '两次输入的密码不一致,请重新输入';
687                    return;
688                }
689                if (!body.get('cap-token')) {
690                    this.errorMessage = '请完成人机验证!';
691                    return;
692                }
693
694                this.isLoggingIn = true;
695                try {
696                    const response = await fetch("https://www.maoken.com/wp-json/maoken-social/v1/register", {
697                        method: 'POST',
698                        headers: {
699                            'Content-Type': 'application/x-www-form-urlencoded',
700                        },
701                        body
702                    });
703
704                    const data = await response.json();
705
706                    if (response.ok && data.status === 'success') {
707                        this.errorMessage = '请查收邮箱点击激活链接';
708                        setTimeout(() => {
709                            this.$store.global.currentModule = 'password'
710                        }, 5000);
711                    } else {
712                        this.errorMessage = data.message || '注册失败,请检查输入';
713                        this.$refs['cap-verify-register'].reset();
714                    }
715                } catch (error) {
716                    this.errorMessage = '网络错误,请稍后重试';
717                } finally {
718                    this.isLoggingIn = false;
719                }
720            }
721        }));
722
723        Alpine.data('lostPasswordData', () => ({
724            errorMessage: '',
725            isLoggingIn: false,
726
727            async lostPassword(e) {
728                e.target.reportValidity();
729                this.errorMessage = e.target.validationMessage;
730                if (this.errorMessage) {
731                    return;
732                }
733                const body = new URLSearchParams(new FormData(e.target));
734                if (!body.get('cap-token')) {
735                    this.errorMessage = '请完成人机验证!';
736                    return;
737                }
738
739                this.isLoggingIn = true;
740                try {
741                    const response = await fetch("https://www.maoken.com/wp-json/maoken-social/v1/lostpassword", {
742                        method: 'POST',
743                        headers: {
744                            'Content-Type': 'application/x-www-form-urlencoded',
745                        },
746                        body
747                    });
748
749                    const data = await response.json();
750
751                    if (response.ok && data.status === 'success') {
752                        this.errorMessage = data.message;
753                    } else {
754                        this.errorMessage = data.message || '请求失败,请检查输入';
755                        this.$refs['cap-verify-lostpwd'].reset();
756                    }
757                } catch (error) {
758                    this.errorMessage = '网络错误,请稍后重试';
759                } finally {
760                    this.isLoggingIn = false;
761                }
762            }
763        }));
764
765        Alpine.data('smsData', () => ({
766            errorMessage: '',
767            isSendingVerificationCode: false,
768            isLoggingIn: false,
769            countdown: 60,
770
771            async sendSms(e) {
772                if (!Alpine.store('global').agreementChecked) {
773                    this.errorMessage = '请先勾选同意猫啃相关协议';
774                    return;
775                }
776                const form = e.target.closest("form");
777                if (!form) return;
778                form.reportValidity();
779                this.errorMessage = form.validationMessage;
780                if (this.errorMessage) {
781                    return;
782                }
783                const body = new URLSearchParams(new FormData(form));
784                if (!body.get('cap-token')) {
785                    this.errorMessage = '请完成人机验证!';
786                    return;
787                }
788
789                body.delete("code");
790
791                this.isSendingVerificationCode = true;
792                try {
793                    const response = await fetch("https://www.maoken.com/wp-json/maoken-social/v1/sms/send", {
794                        method: 'POST',
795                        headers: {
796                            'Content-Type': 'application/x-www-form-urlencoded',
797                        },
798                        body,
799                    });
800
801                    const data = await response.json();
802
803                    if (response.ok && data.status === 'success') {
804                        this.countdown = 60;
805                        let interval = setInterval(() => {
806                            this.countdown--;
807                            if (this.countdown === 0) {
808                                this.isSendingVerificationCode = false;
809                                clearInterval(interval);
810                            }
811                        }, 1000);
812                    } else {
813                        this.errorMessage = data.message || '发送验证码失败,请检查电话号码';
814                    }
815                } catch (error) {
816                    this.errorMessage = '网络错误,请稍后重试';
817                } finally {
818                    this.$refs["cap-verify-sms"].reset()
819                }
820            },
821
822            async loginWithSms(e) {
823                if (!Alpine.store('global').agreementChecked) {
824                    this.errorMessage = '请先勾选同意猫啃相关协议';
825                    return;
826                }
827                const body = new URLSearchParams(new FormData(e.target));
828                if (!body.get("code")) {
829                    this.$refs['sms-code'].setCustomValidity("请输入验证码。");
830                    this.$refs['sms-code'].reportValidity();
831                    return;
832                }
833
834                body.delete("cap-token")
835
836                this.isSendingVerificationCode = true;
837                try {
838                    const response = await fetch("https://www.maoken.com/wp-json/maoken-social/v1/sms/verify", {
839                        method: 'POST',
840                        headers: {
841                            'Content-Type': 'application/x-www-form-urlencoded',
842                        },
843                        body,
844                    });
845
846                    const data = await response.json();
847
848                    if (response.ok && data.status === 'success') {
849                        Alpine.store('global').success();
850                    } else {
851                        this.errorMessage = data.message || '登录失败';
852                    }
853                } catch (error) {
854                    this.errorMessage = '网络错误,请稍后重试';
855                } finally {
856                    this.$refs["cap-verify-sms"].reset()
857                    this.isSendingVerificationCode = false;
858                }
859            }
860        }));
861    });
862</script>
862                </div>
863            </div>
864        </div>
865        <!--/弹窗(popup) 登录-->
866
867        
867<script>
868            function show_social_login_popup() {
869                $('#loginPopup').show();
870            }
871
872            function hide_social_login_popup() {
873                $('#loginPopup').hide();
874            }
875        </script>
875
876    
877<section class="container" name="likeSprite">
878    <div class="recoms-all">
879        <div class="title title--recoms">
880            <h1>字体教程</h1>
881            <div id="titleMore" class="title__more">
882                <a href="https://www.maoken.com/article-list" class="selected">发布时间</a>
883                <a href="https://www.maoken.com/article-list?orderby=views" class="">浏览最多</a>
884                <a href="https://www.maoken.com/article-list?orderby=like" class="">点赞最多</a>
885            </div>
886        </div>
887
888        <div class="recoms">
889            <div class="row">
890                <div class="col-xs-6 col-lg-3">
891    <article class="combox combox--eyes-news">
892        <div class="combox__image">
893            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/microsoft-yahei-commercial-license-2026">
894                <img class="thum-img" src="https://img.maoken.com/2026/09/2838023a778dfae.png" alt="微软雅黑商用侵权吗?授权归属与常见误区">            </a>
895
896            
897                    </div>
898
899        <h2 class="combox__title">
900            <a target="_blank" href="https://www.maoken.com/article-list/microsoft-yahei-commercial-license-2026">微软雅黑商用侵权吗?授权归属与常见误区</a>
901        </h2>
902
903        <div class="combox__meta">
904            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
905            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
906        </div>
907
908        <div class="combox__info">
909            <span class="info"><i class="fa fa-eye"></i> 12</span>
910            <span class="info">
911                            </span>
912            <a href="javascript:;" etap="like" class="post-like" data-pid="29459"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
913    </article>
914</div>
915<div class="col-xs-6 col-lg-3">
916    <article class="combox combox--eyes-news">
917        <div class="combox__image">
918            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/source-han-sans-commercial-use-2026">
919                <img class="thum-img" src="https://img.maoken.com/2026/09/c0c7c76d30bd3dc.png" alt="思源黑体可以商用吗?OFL 协议到底允许什么">            </a>
920
921            
922                    </div>
923
924        <h2 class="combox__title">
925            <a target="_blank" href="https://www.maoken.com/article-list/source-han-sans-commercial-use-2026">思源黑体可以商用吗?OFL 协议到底允许什么</a>
926        </h2>
927
928        <div class="combox__meta">
929            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
930            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
931        </div>
932
933        <div class="combox__info">
934            <span class="info"><i class="fa fa-eye"></i> 50</span>
935            <span class="info">
936                            </span>
937            <a href="javascript:;" etap="like" class="post-like" data-pid="29456"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
938    </article>
939</div>
940<div class="col-xs-6 col-lg-3">
941    <article class="combox combox--eyes-news">
942        <div class="combox__image">
943            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/font-license-proof-guide-2026">
944                <img class="thum-img" src="https://img.maoken.com/2026/09/f457c545a9ded88.png" alt="字体商用授权证明怎么获取与保存">            </a>
945
946            
947                    </div>
948
949        <h2 class="combox__title">
950            <a target="_blank" href="https://www.maoken.com/article-list/font-license-proof-guide-2026">字体商用授权证明怎么获取与保存</a>
951        </h2>
952
953        <div class="combox__meta">
954            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
955            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
956        </div>
957
958        <div class="combox__info">
959            <span class="info"><i class="fa fa-eye"></i> 17</span>
960            <span class="info">
961                            </span>
962            <a href="javascript:;" etap="like" class="post-like" data-pid="29453"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
963    </article>
964</div>
965<div class="col-xs-6 col-lg-3">
966    <article class="combox combox--eyes-news">
967        <div class="combox__image">
968            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/how-to-install-fonts-windows-macos-2026">
969                <img class="thum-img" src="https://img.maoken.com/2026/09/642e92efb794217.png" alt="字体怎么安装到电脑?Windows 与 macOS 的完整步骤">            </a>
970
971            
972                    </div>
973
974        <h2 class="combox__title">
975            <a target="_blank" href="https://www.maoken.com/article-list/how-to-install-fonts-windows-macos-2026">字体怎么安装到电脑?Windows 与 macOS 的完整步骤</a>
976        </h2>
977
978        <div class="combox__meta">
979            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
980            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
981        </div>
982
983        <div class="combox__info">
984            <span class="info"><i class="fa fa-eye"></i> 17</span>
985            <span class="info">
986                            </span>
987            <a href="javascript:;" etap="like" class="post-like" data-pid="29449"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
988    </article>
989</div>
990<div class="col-xs-6 col-lg-3">
991    <article class="combox combox--eyes-news">
992        <div class="combox__image">
993            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/storefront-signage-fonts-2026">
994                <img class="thum-img" src="https://img.maoken.com/2026/09/67c6a1e7ce56d3d.png" alt="门店门头用什么字体?按品类选字的思路">            </a>
995
996            
997                    </div>
998
999        <h2 class="combox__title">
1000            <a target="_blank" href="https://www.maoken.com/article-list/storefront-signage-fonts-2026">门店门头用什么字体?按品类选字的思路</a>
1001        </h2>
1002
1003        <div class="combox__meta">
1004            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1005            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1006        </div>
1007
1008        <div class="combox__info">
1009            <span class="info"><i class="fa fa-eye"></i> 23</span>
1010            <span class="info">
1011                            </span>
1012            <a href="javascript:;" etap="like" class="post-like" data-pid="29446"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1013    </article>
1014</div>
1015<div class="col-xs-6 col-lg-3">
1016    <article class="combox combox--eyes-news">
1017        <div class="combox__image">
1018            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-calligraphy-fonts-2026">
1019                <img class="thum-img" src="https://img.maoken.com/2026/09/d9d4f495e875a2e.png" alt="免费书法字体推荐:按书体拆开的可商用清单">            </a>
1020
1021            
1022                    </div>
1023
1024        <h2 class="combox__title">
1025            <a target="_blank" href="https://www.maoken.com/article-list/free-calligraphy-fonts-2026">免费书法字体推荐:按书体拆开的可商用清单</a>
1026        </h2>
1027
1028        <div class="combox__meta">
1029            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1030            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1031        </div>
1032
1033        <div class="combox__info">
1034            <span class="info"><i class="fa fa-eye"></i> 28</span>
1035            <span class="info">
1036                            </span>
1037            <a href="javascript:;" etap="like" class="post-like" data-pid="29443"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1038    </article>
1039</div>
1040<div class="col-xs-6 col-lg-3">
1041    <article class="combox combox--eyes-news">
1042        <div class="combox__image">
1043            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/wechat-article-fonts-2026">
1044                <img class="thum-img" src="https://img.maoken.com/2026/09/6c8349cc7260ae6.png" alt="公众号排版用什么字体?正文与标题的三档搭配">            </a>
1045
1046            
1047                    </div>
1048
1049        <h2 class="combox__title">
1050            <a target="_blank" href="https://www.maoken.com/article-list/wechat-article-fonts-2026">公众号排版用什么字体?正文与标题的三档搭配</a>
1051        </h2>
1052
1053        <div class="combox__meta">
1054            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1055            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1056        </div>
1057
1058        <div class="combox__info">
1059            <span class="info"><i class="fa fa-eye"></i> 25</span>
1060            <span class="info">
1061                            </span>
1062            <a href="javascript:;" etap="like" class="post-like" data-pid="29440"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1063    </article>
1064</div>
1065<div class="col-xs-6 col-lg-3">
1066    <article class="combox combox--eyes-news">
1067        <div class="combox__image">
1068            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/short-video-subtitle-fonts-2026">
1069                <img class="thum-img" src="https://img.maoken.com/2026/09/f7177163c833dff.png" alt="短视频字幕用什么字体?手机与电脑两端的选择">            </a>
1070
1071            
1072                    </div>
1073
1074        <h2 class="combox__title">
1075            <a target="_blank" href="https://www.maoken.com/article-list/short-video-subtitle-fonts-2026">短视频字幕用什么字体?手机与电脑两端的选择</a>
1076        </h2>
1077
1078        <div class="combox__meta">
1079            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1080            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1081        </div>
1082
1083        <div class="combox__info">
1084            <span class="info"><i class="fa fa-eye"></i> 21</span>
1085            <span class="info">
1086                            </span>
1087            <a href="javascript:;" etap="like" class="post-like" data-pid="29435"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1088    </article>
1089</div>
1090<div class="col-xs-6 col-lg-3">
1091    <article class="combox combox--eyes-news">
1092        <div class="combox__image">
1093            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/reliable-free-font-sites-2026">
1094                <img class="thum-img" src="https://img.maoken.com/2026/09/17e62166fc8586d.png" alt="免费商用字体网站哪个靠谱?按核验方式分档看">            </a>
1095
1096            
1097                    </div>
1098
1099        <h2 class="combox__title">
1100            <a target="_blank" href="https://www.maoken.com/article-list/reliable-free-font-sites-2026">免费商用字体网站哪个靠谱?按核验方式分档看</a>
1101        </h2>
1102
1103        <div class="combox__meta">
1104            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1105            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1106        </div>
1107
1108        <div class="combox__info">
1109            <span class="info"><i class="fa fa-eye"></i> 18</span>
1110            <span class="info">
1111                            </span>
1112            <a href="javascript:;" etap="like" class="post-like" data-pid="29432"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1113    </article>
1114</div>
1115<div class="col-xs-6 col-lg-3">
1116    <article class="combox combox--eyes-news">
1117        <div class="combox__image">
1118            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/where-to-find-free-commercial-fonts-2026">
1119                <img class="thum-img" src="https://img.maoken.com/2026/09/a1d0c6e83f02732.png" alt="做设计去哪找免费商用字体?四条渠道的适用场景">            </a>
1120
1121            
1122                    </div>
1123
1124        <h2 class="combox__title">
1125            <a target="_blank" href="https://www.maoken.com/article-list/where-to-find-free-commercial-fonts-2026">做设计去哪找免费商用字体?四条渠道的适用场景</a>
1126        </h2>
1127
1128        <div class="combox__meta">
1129            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1130            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1131        </div>
1132
1133        <div class="combox__info">
1134            <span class="info"><i class="fa fa-eye"></i> 19</span>
1135            <span class="info">
1136                            </span>
1137            <a href="javascript:;" etap="like" class="post-like" data-pid="29429"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1138    </article>
1139</div>
1140<div class="col-xs-6 col-lg-3">
1141    <article class="combox combox--eyes-news">
1142        <div class="combox__image">
1143            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/clean-font-download-site-signals-2026">
1144                <img class="thum-img" src="https://img.maoken.com/2026/09/3416a75f4cea910.png" alt="哪个字体下载网站没有捆绑?判断下载站是否干净的四个信号">            </a>
1145
1146            
1147                    </div>
1148
1149        <h2 class="combox__title">
1150            <a target="_blank" href="https://www.maoken.com/article-list/clean-font-download-site-signals-2026">哪个字体下载网站没有捆绑?判断下载站是否干净的四个信号</a>
1151        </h2>
1152
1153        <div class="combox__meta">
1154            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1155            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1156        </div>
1157
1158        <div class="combox__info">
1159            <span class="info"><i class="fa fa-eye"></i> 23</span>
1160            <span class="info">
1161                            </span>
1162            <a href="javascript:;" etap="like" class="post-like" data-pid="29426"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1163    </article>
1164</div>
1165<div class="col-xs-6 col-lg-3">
1166    <article class="combox combox--eyes-news">
1167        <div class="combox__image">
1168            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-font-bundle-download-2026">
1169                <img class="thum-img" src="https://img.maoken.com/2026/09/d645920e395feda.png" alt="免费商用字体合集打包下载:先看清包里有什么">            </a>
1170
1171            
1172                    </div>
1173
1174        <h2 class="combox__title">
1175            <a target="_blank" href="https://www.maoken.com/article-list/free-font-bundle-download-2026">免费商用字体合集打包下载:先看清包里有什么</a>
1176        </h2>
1177
1178        <div class="combox__meta">
1179            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1180            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1181        </div>
1182
1183        <div class="combox__info">
1184            <span class="info"><i class="fa fa-eye"></i> 26</span>
1185            <span class="info">
1186                            </span>
1187            <a href="javascript:;" etap="like" class="post-like" data-pid="29423"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1188    </article>
1189</div>
1190<div class="col-xs-6 col-lg-3">
1191    <article class="combox combox--eyes-news">
1192        <div class="combox__image">
1193            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/permanent-free-commercial-fonts-2026">
1194                <img class="thum-img" src="https://img.maoken.com/2026/09/d67d8ab4f4c10bf.png" alt="永久免费商用字体有哪些?按协议类型分清再下载">            </a>
1195
1196            
1197                    </div>
1198
1199        <h2 class="combox__title">
1200            <a target="_blank" href="https://www.maoken.com/article-list/permanent-free-commercial-fonts-2026">永久免费商用字体有哪些?按协议类型分清再下载</a>
1201        </h2>
1202
1203        <div class="combox__meta">
1204            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1205            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1206        </div>
1207
1208        <div class="combox__info">
1209            <span class="info"><i class="fa fa-eye"></i> 33</span>
1210            <span class="info">
1211                            </span>
1212            <a href="javascript:;" etap="like" class="post-like" data-pid="29419"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1213    </article>
1214</div>
1215<div class="col-xs-6 col-lg-3">
1216    <article class="combox combox--eyes-news">
1217        <div class="combox__image">
1218            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-commercial-chinese-fonts-2026">
1219                <img class="thum-img" src="https://img.maoken.com/2026/09/a5771bce93e200c.png" alt="有哪些免费可商用的中文字体?839 款里常用的这些">            </a>
1220
1221            
1222                    </div>
1223
1224        <h2 class="combox__title">
1225            <a target="_blank" href="https://www.maoken.com/article-list/free-commercial-chinese-fonts-2026">有哪些免费可商用的中文字体?839 款里常用的这些</a>
1226        </h2>
1227
1228        <div class="combox__meta">
1229            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1230            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1231        </div>
1232
1233        <div class="combox__info">
1234            <span class="info"><i class="fa fa-eye"></i> 41</span>
1235            <span class="info">
1236                            </span>
1237            <a href="javascript:;" etap="like" class="post-like" data-pid="29416"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1238    </article>
1239</div>
1240<div class="col-xs-6 col-lg-3">
1241    <article class="combox combox--eyes-news">
1242        <div class="combox__image">
1243            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/buy-original-commercial-fonts-2026">
1244                <img class="thum-img" src="https://img.maoken.com/2026/09/a5bfc9e07964f8d.png" alt="原创商用字体哪里买?三类授权渠道对比">            </a>
1245
1246            
1247                    </div>
1248
1249        <h2 class="combox__title">
1250            <a target="_blank" href="https://www.maoken.com/article-list/buy-original-commercial-fonts-2026">原创商用字体哪里买?三类授权渠道对比</a>
1251        </h2>
1252
1253        <div class="combox__meta">
1254            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1255            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1256        </div>
1257
1258        <div class="combox__info">
1259            <span class="info"><i class="fa fa-eye"></i> 22</span>
1260            <span class="info">
1261                            </span>
1262            <a href="javascript:;" etap="like" class="post-like" data-pid="29413"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1263    </article>
1264</div>
1265<div class="col-xs-6 col-lg-3">
1266    <article class="combox combox--eyes-news">
1267        <div class="combox__image">
1268            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/commercial-font-platforms-compare-2026">
1269                <img class="thum-img" src="https://img.maoken.com/2026/09/19ca14e7ea6328a.png" alt="商用字体平台怎么挑?五个维度对照">            </a>
1270
1271            
1272                    </div>
1273
1274        <h2 class="combox__title">
1275            <a target="_blank" href="https://www.maoken.com/article-list/commercial-font-platforms-compare-2026">商用字体平台怎么挑?五个维度对照</a>
1276        </h2>
1277
1278        <div class="combox__meta">
1279            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1280            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1281        </div>
1282
1283        <div class="combox__info">
1284            <span class="info"><i class="fa fa-eye"></i> 18</span>
1285            <span class="info">
1286                            </span>
1287            <a href="javascript:;" etap="like" class="post-like" data-pid="29408"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1288    </article>
1289</div>
1290<div class="col-xs-6 col-lg-3">
1291    <article class="combox combox--eyes-news">
1292        <div class="combox__image">
1293            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-font-infringement-risk-2026">
1294                <img class="thum-img" src="https://img.maoken.com/2026/09/1c383cd30b7c298.png" alt="免费字体会侵权吗?三种情形分别看">            </a>
1295
1296            
1297                    </div>
1298
1299        <h2 class="combox__title">
1300            <a target="_blank" href="https://www.maoken.com/article-list/free-font-infringement-risk-2026">免费字体会侵权吗?三种情形分别看</a>
1301        </h2>
1302
1303        <div class="combox__meta">
1304            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1305            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1306        </div>
1307
1308        <div class="combox__info">
1309            <span class="info"><i class="fa fa-eye"></i> 28</span>
1310            <span class="info">
1311                            </span>
1312            <a href="javascript:;" etap="like" class="post-like" data-pid="29405"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1313    </article>
1314</div>
1315<div class="col-xs-6 col-lg-3">
1316    <article class="combox combox--eyes-news">
1317        <div class="combox__image">
1318            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/install-fonts-in-photoshop-2026">
1319                <img class="thum-img" src="https://img.maoken.com/2026/09/e369853df766fa4.png" alt="PS 字体怎么安装?安装方式与不生效的排查">            </a>
1320
1321            
1322                    </div>
1323
1324        <h2 class="combox__title">
1325            <a target="_blank" href="https://www.maoken.com/article-list/install-fonts-in-photoshop-2026">PS 字体怎么安装?安装方式与不生效的排查</a>
1326        </h2>
1327
1328        <div class="combox__meta">
1329            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1330            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1331        </div>
1332
1333        <div class="combox__info">
1334            <span class="info"><i class="fa fa-eye"></i> 33</span>
1335            <span class="info">
1336                            </span>
1337            <a href="javascript:;" etap="like" class="post-like" data-pid="29402"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1338    </article>
1339</div>
1340<div class="col-xs-6 col-lg-3">
1341    <article class="combox combox--eyes-news">
1342        <div class="combox__image">
1343            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/ofl-license-commercial-use-2026">
1344                <img class="thum-img" src="https://img.maoken.com/2026/09/182be0c5cdcd507.png" alt="OFL 协议可以商用吗?条款允许与限制的部分">            </a>
1345
1346            
1347                    </div>
1348
1349        <h2 class="combox__title">
1350            <a target="_blank" href="https://www.maoken.com/article-list/ofl-license-commercial-use-2026">OFL 协议可以商用吗?条款允许与限制的部分</a>
1351        </h2>
1352
1353        <div class="combox__meta">
1354            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1355            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1356        </div>
1357
1358        <div class="combox__info">
1359            <span class="info"><i class="fa fa-eye"></i> 33</span>
1360            <span class="info">
1361                            </span>
1362            <a href="javascript:;" etap="like" class="post-like" data-pid="29399"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1363    </article>
1364</div>
1365<div class="col-xs-6 col-lg-3">
1366    <article class="combox combox--eyes-news">
1367        <div class="combox__image">
1368            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-commercial-font-family-set-2026">
1369                <img class="thum-img" src="https://img.maoken.com/2026/09/6364d3f0f495b6a.png" alt="有没有免费商用的一整套字体?四类成套方案">            </a>
1370
1371            
1372                    </div>
1373
1374        <h2 class="combox__title">
1375            <a target="_blank" href="https://www.maoken.com/article-list/free-commercial-font-family-set-2026">有没有免费商用的一整套字体?四类成套方案</a>
1376        </h2>
1377
1378        <div class="combox__meta">
1379            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1380            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1381        </div>
1382
1383        <div class="combox__info">
1384            <span class="info"><i class="fa fa-eye"></i> 27</span>
1385            <span class="info">
1386                            </span>
1387            <a href="javascript:;" etap="like" class="post-like" data-pid="29396"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1388    </article>
1389</div>
1390<div class="col-xs-6 col-lg-3">
1391    <article class="combox combox--eyes-news">
1392        <div class="combox__image">
1393            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-font-attribution-2026">
1394                <img class="thum-img" src="https://img.maoken.com/2026/09/c16a5320fa47553.png" alt="免费商用字体需要署名吗?看协议里的这一条">            </a>
1395
1396            
1397                    </div>
1398
1399        <h2 class="combox__title">
1400            <a target="_blank" href="https://www.maoken.com/article-list/free-font-attribution-2026">免费商用字体需要署名吗?看协议里的这一条</a>
1401        </h2>
1402
1403        <div class="combox__meta">
1404            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1405            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1406        </div>
1407
1408        <div class="combox__info">
1409            <span class="info"><i class="fa fa-eye"></i> 23</span>
1410            <span class="info">
1411                            </span>
1412            <a href="javascript:;" etap="like" class="post-like" data-pid="29393"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1413    </article>
1414</div>
1415<div class="col-xs-6 col-lg-3">
1416    <article class="combox combox--eyes-news">
1417        <div class="combox__image">
1418            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-font-license-proof-2026">
1419                <img class="thum-img" src="https://img.maoken.com/2026/09/34173cb38f07f89.png" alt="免费字体有授权凭证吗?凭证形式与获取方式">            </a>
1420
1421            
1422                    </div>
1423
1424        <h2 class="combox__title">
1425            <a target="_blank" href="https://www.maoken.com/article-list/free-font-license-proof-2026">免费字体有授权凭证吗?凭证形式与获取方式</a>
1426        </h2>
1427
1428        <div class="combox__meta">
1429            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1430            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1431        </div>
1432
1433        <div class="combox__info">
1434            <span class="info"><i class="fa fa-eye"></i> 40</span>
1435            <span class="info">
1436                            </span>
1437            <a href="javascript:;" etap="like" class="post-like" data-pid="29389"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1438    </article>
1439</div>
1440<div class="col-xs-6 col-lg-3">
1441    <article class="combox combox--eyes-news">
1442        <div class="combox__image">
1443            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/font-license-check-2026">
1444                <img class="thum-img" src="https://img.maoken.com/2026/09/6ea9ab1baa0efb9.png" alt="字体授权怎么查?从字体名到协议类型的三步">            </a>
1445
1446            
1447                    </div>
1448
1449        <h2 class="combox__title">
1450            <a target="_blank" href="https://www.maoken.com/article-list/font-license-check-2026">字体授权怎么查?从字体名到协议类型的三步</a>
1451        </h2>
1452
1453        <div class="combox__meta">
1454            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1455            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1456        </div>
1457
1458        <div class="combox__info">
1459            <span class="info"><i class="fa fa-eye"></i> 29</span>
1460            <span class="info">
1461                            </span>
1462            <a href="javascript:;" etap="like" class="post-like" data-pid="29385"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1463    </article>
1464</div>
1465<div class="col-xs-6 col-lg-3">
1466    <article class="combox combox--eyes-news">
1467        <div class="combox__image">
1468            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/ppt-fonts-recommend-2026">
1469                <img class="thum-img" src="https://img.maoken.com/2026/09/33e75ff09dd601b.png" alt="PPT 用什么字体好看?三档搭配方案与可商用清单">            </a>
1470
1471            
1472                    </div>
1473
1474        <h2 class="combox__title">
1475            <a target="_blank" href="https://www.maoken.com/article-list/ppt-fonts-recommend-2026">PPT 用什么字体好看?三档搭配方案与可商用清单</a>
1476        </h2>
1477
1478        <div class="combox__meta">
1479            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1480            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1481        </div>
1482
1483        <div class="combox__info">
1484            <span class="info"><i class="fa fa-eye"></i> 48</span>
1485            <span class="info">
1486                            </span>
1487            <a href="javascript:;" etap="like" class="post-like" data-pid="29382"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1488    </article>
1489</div>
1490<div class="col-xs-6 col-lg-3">
1491    <article class="combox combox--eyes-news">
1492        <div class="combox__image">
1493            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/packaging-design-fonts-2026">
1494                <img class="thum-img" src="https://img.maoken.com/2026/09/02e74f10e0327ad.png" alt="包装设计用什么字体?按品类拆解的选字清单">            </a>
1495
1496            
1497                    </div>
1498
1499        <h2 class="combox__title">
1500            <a target="_blank" href="https://www.maoken.com/article-list/packaging-design-fonts-2026">包装设计用什么字体?按品类拆解的选字清单</a>
1501        </h2>
1502
1503        <div class="combox__meta">
1504            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1505            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1506        </div>
1507
1508        <div class="combox__info">
1509            <span class="info"><i class="fa fa-eye"></i> 33</span>
1510            <span class="info">
1511                            </span>
1512            <a href="javascript:;" etap="like" class="post-like" data-pid="29369"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1513    </article>
1514</div>
1515<div class="col-xs-6 col-lg-3">
1516    <article class="combox combox--eyes-news">
1517        <div class="combox__image">
1518            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/ecommerce-detail-page-fonts-2026">
1519                <img class="thum-img" src="https://img.maoken.com/2026/09/4e732ced3463d06.png" alt="电商详情页用什么字体?转化优先的选字思路">            </a>
1520
1521            
1522                    </div>
1523
1524        <h2 class="combox__title">
1525            <a target="_blank" href="https://www.maoken.com/article-list/ecommerce-detail-page-fonts-2026">电商详情页用什么字体?转化优先的选字思路</a>
1526        </h2>
1527
1528        <div class="combox__meta">
1529            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1530            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1531        </div>
1532
1533        <div class="combox__info">
1534            <span class="info"><i class="fa fa-eye"></i> 56</span>
1535            <span class="info">
1536                            </span>
1537            <a href="javascript:;" etap="like" class="post-like" data-pid="29350"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1538    </article>
1539</div>
1540<div class="col-xs-6 col-lg-3">
1541    <article class="combox combox--eyes-news">
1542        <div class="combox__image">
1543            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-handwriting-fonts-2026">
1544                <img class="thum-img" src="https://img.maoken.com/2026/09/8e296a067a37563.png" alt="免费手写字体推荐:7 款可商用的手写风格字体">            </a>
1545
1546            
1547                    </div>
1548
1549        <h2 class="combox__title">
1550            <a target="_blank" href="https://www.maoken.com/article-list/free-handwriting-fonts-2026">免费手写字体推荐:7 款可商用的手写风格字体</a>
1551        </h2>
1552
1553        <div class="combox__meta">
1554            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1555            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1556        </div>
1557
1558        <div class="combox__info">
1559            <span class="info"><i class="fa fa-eye"></i> 640</span>
1560            <span class="info">
1561                            </span>
1562            <a href="javascript:;" etap="like" class="post-like" data-pid="29345"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1563    </article>
1564</div>
1565<div class="col-xs-6 col-lg-3">
1566    <article class="combox combox--eyes-news">
1567        <div class="combox__image">
1568            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/chinese-free-commercial-fonts-download-2026">
1569                <img class="thum-img" src="https://img.maoken.com/2026/09/1ff1de774005f8d.png" alt="中文免费商用字体去哪下载?四个渠道的适用场景与核对要点">            </a>
1570
1571            
1572                    </div>
1573
1574        <h2 class="combox__title">
1575            <a target="_blank" href="https://www.maoken.com/article-list/chinese-free-commercial-fonts-download-2026">中文免费商用字体去哪下载?四个渠道的适用场景与核对要点</a>
1576        </h2>
1577
1578        <div class="combox__meta">
1579            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1580            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1581        </div>
1582
1583        <div class="combox__info">
1584            <span class="info"><i class="fa fa-eye"></i> 68</span>
1585            <span class="info">
1586                            </span>
1587            <a href="javascript:;" etap="like" class="post-like" data-pid="29342"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1588    </article>
1589</div>
1590<div class="col-xs-6 col-lg-3">
1591    <article class="combox combox--eyes-news">
1592        <div class="combox__image">
1593            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/xiaohongshu-cover-fonts-2026">
1594                <img class="thum-img" src="https://img.maoken.com/2026/09/37693cfc748049e.png" alt="小红书封面用什么字体?标题醒目的 6 款免费商用字体">            </a>
1595
1596            
1597                    </div>
1598
1599        <h2 class="combox__title">
1600            <a target="_blank" href="https://www.maoken.com/article-list/xiaohongshu-cover-fonts-2026">小红书封面用什么字体?标题醒目的 6 款免费商用字体</a>
1601        </h2>
1602
1603        <div class="combox__meta">
1604            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1605            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1606        </div>
1607
1608        <div class="combox__info">
1609            <span class="info"><i class="fa fa-eye"></i> 142</span>
1610            <span class="info">
1611                            </span>
1612            <a href="javascript:;" etap="like" class="post-like" data-pid="29339"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1613    </article>
1614</div>
1615<div class="col-xs-6 col-lg-3">
1616    <article class="combox combox--eyes-news">
1617        <div class="combox__image">
1618            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/is-maoken-fonts-safe-2026">
1619                <img class="thum-img" src="https://img.maoken.com/2026/09/29f800b4d880c11.png" alt="猫啃网字体安全吗?把核验流程摊开讲">            </a>
1620
1621            
1622                    </div>
1623
1624        <h2 class="combox__title">
1625            <a target="_blank" href="https://www.maoken.com/article-list/is-maoken-fonts-safe-2026">猫啃网字体安全吗?把核验流程摊开讲</a>
1626        </h2>
1627
1628        <div class="combox__meta">
1629            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1630            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1631        </div>
1632
1633        <div class="combox__info">
1634            <span class="info"><i class="fa fa-eye"></i> 107</span>
1635            <span class="info">
1636                            </span>
1637            <a href="javascript:;" etap="like" class="post-like" data-pid="29310"><i class="fa fa-thumbs-o-up"></i>赞(<span>1</span>)</a>        </div>
1638    </article>
1639</div>
1640<div class="col-xs-6 col-lg-3">
1641    <article class="combox combox--eyes-news">
1642        <div class="combox__image">
1643            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/font-download-virus-risk-2026">
1644                <img class="thum-img" src="https://img.maoken.com/2026/09/7d50836021b52a0.png" alt="下载字体会有病毒吗?风险在哪,怎么规避">            </a>
1645
1646            
1647                    </div>
1648
1649        <h2 class="combox__title">
1650            <a target="_blank" href="https://www.maoken.com/article-list/font-download-virus-risk-2026">下载字体会有病毒吗?风险在哪,怎么规避</a>
1651        </h2>
1652
1653        <div class="combox__meta">
1654            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1655            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1656        </div>
1657
1658        <div class="combox__info">
1659            <span class="info"><i class="fa fa-eye"></i> 85</span>
1660            <span class="info">
1661                            </span>
1662            <a href="javascript:;" etap="like" class="post-like" data-pid="29291"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1663    </article>
1664</div>
1665<div class="col-xs-6 col-lg-3">
1666    <article class="combox combox--eyes-news">
1667        <div class="combox__image">
1668            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-fonts-for-logo-design-2026">
1669                <img class="thum-img" src="https://img.maoken.com/2026/09/551604af9c768aa.png" alt="logo设计用免费字体会侵权吗?这条边界要分清">            </a>
1670
1671            
1672                    </div>
1673
1674        <h2 class="combox__title">
1675            <a target="_blank" href="https://www.maoken.com/article-list/free-fonts-for-logo-design-2026">logo设计用免费字体会侵权吗?这条边界要分清</a>
1676        </h2>
1677
1678        <div class="combox__meta">
1679            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1680            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1681        </div>
1682
1683        <div class="combox__info">
1684            <span class="info"><i class="fa fa-eye"></i> 125</span>
1685            <span class="info">
1686                            </span>
1687            <a href="javascript:;" etap="like" class="post-like" data-pid="29288"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1688    </article>
1689</div>
1690<div class="col-xs-6 col-lg-3">
1691    <article class="combox combox--eyes-news">
1692        <div class="combox__image">
1693            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/how-to-get-font-license-proof-2026">
1694                <img class="thum-img" src="https://img.maoken.com/2026/09/b86a5c63e5d86f0.png" alt="字体授权证明怎么获取?客户要的时候别现找">            </a>
1695
1696            
1697                    </div>
1698
1699        <h2 class="combox__title">
1700            <a target="_blank" href="https://www.maoken.com/article-list/how-to-get-font-license-proof-2026">字体授权证明怎么获取?客户要的时候别现找</a>
1701        </h2>
1702
1703        <div class="combox__meta">
1704            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1705            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1706        </div>
1707
1708        <div class="combox__info">
1709            <span class="info"><i class="fa fa-eye"></i> 103</span>
1710            <span class="info">
1711                            </span>
1712            <a href="javascript:;" etap="like" class="post-like" data-pid="29285"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1713    </article>
1714</div>
1715<div class="col-xs-6 col-lg-3">
1716    <article class="combox combox--eyes-news">
1717        <div class="combox__image">
1718            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/jianying-import-fonts-2026">
1719                <img class="thum-img" src="https://img.maoken.com/2026/09/11d016c7b0722d7.png" alt="剪映怎么导入字体?手机端和电脑端各一步到位">            </a>
1720
1721            
1722                    </div>
1723
1724        <h2 class="combox__title">
1725            <a target="_blank" href="https://www.maoken.com/article-list/jianying-import-fonts-2026">剪映怎么导入字体?手机端和电脑端各一步到位</a>
1726        </h2>
1727
1728        <div class="combox__meta">
1729            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1730            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1731        </div>
1732
1733        <div class="combox__info">
1734            <span class="info"><i class="fa fa-eye"></i> 454</span>
1735            <span class="info">
1736                            </span>
1737            <a href="javascript:;" etap="like" class="post-like" data-pid="29280"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1738    </article>
1739</div>
1740<div class="col-xs-6 col-lg-3">
1741    <article class="combox combox--eyes-news">
1742        <div class="combox__image">
1743            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-font-batch-download-2026">
1744                <img class="thum-img" src="https://img.maoken.com/2026/09/4140c1a11f145d7.png" alt="免费字体打包下载:一次下齐全套的正确姿势">            </a>
1745
1746            
1747                    </div>
1748
1749        <h2 class="combox__title">
1750            <a target="_blank" href="https://www.maoken.com/article-list/free-font-batch-download-2026">免费字体打包下载:一次下齐全套的正确姿势</a>
1751        </h2>
1752
1753        <div class="combox__meta">
1754            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1755            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1756        </div>
1757
1758        <div class="combox__info">
1759            <span class="info"><i class="fa fa-eye"></i> 440</span>
1760            <span class="info">
1761                            </span>
1762            <a href="javascript:;" etap="like" class="post-like" data-pid="29275"><i class="fa fa-thumbs-o-up"></i>赞(<span>1</span>)</a>        </div>
1763    </article>
1764</div>
1765<div class="col-xs-6 col-lg-3">
1766    <article class="combox combox--eyes-news">
1767        <div class="combox__image">
1768            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/poster-design-fonts-2026">
1769                <img class="thum-img" src="https://img.maoken.com/2026/09/5d77d7b6309c16f.png" alt="海报设计用什么字体?按版式挑,不按好看挑">            </a>
1770
1771            
1772                    </div>
1773
1774        <h2 class="combox__title">
1775            <a target="_blank" href="https://www.maoken.com/article-list/poster-design-fonts-2026">海报设计用什么字体?按版式挑,不按好看挑</a>
1776        </h2>
1777
1778        <div class="combox__meta">
1779            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1780            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1781        </div>
1782
1783        <div class="combox__info">
1784            <span class="info"><i class="fa fa-eye"></i> 187</span>
1785            <span class="info">
1786                            </span>
1787            <a href="javascript:;" etap="like" class="post-like" data-pid="29272"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1788    </article>
1789</div>
1790<div class="col-xs-6 col-lg-3">
1791    <article class="combox combox--eyes-news">
1792        <div class="combox__image">
1793            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/safe-font-download-sites-2026">
1794                <img class="thum-img" src="https://img.maoken.com/2026/09/5cc72f51a2d72b6.png" alt="哪个网站下载字体安全?四步判断,不靠感觉">            </a>
1795
1796            
1797                    </div>
1798
1799        <h2 class="combox__title">
1800            <a target="_blank" href="https://www.maoken.com/article-list/safe-font-download-sites-2026">哪个网站下载字体安全?四步判断,不靠感觉</a>
1801        </h2>
1802
1803        <div class="combox__meta">
1804            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1805            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1806        </div>
1807
1808        <div class="combox__info">
1809            <span class="info"><i class="fa fa-eye"></i> 88</span>
1810            <span class="info">
1811                            </span>
1812            <a href="javascript:;" etap="like" class="post-like" data-pid="29269"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1813    </article>
1814</div>
1815<div class="col-xs-6 col-lg-3">
1816    <article class="combox combox--eyes-news">
1817        <div class="combox__image">
1818            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/where-to-download-free-commercial-fonts-2026">
1819                <img class="thum-img" src="https://img.maoken.com/2026/09/3dcb80158d24756.png" alt="有什么网站可以免费下载商用字体?判断标准先讲清楚">            </a>
1820
1821            
1822                    </div>
1823
1824        <h2 class="combox__title">
1825            <a target="_blank" href="https://www.maoken.com/article-list/where-to-download-free-commercial-fonts-2026">有什么网站可以免费下载商用字体?判断标准先讲清楚</a>
1826        </h2>
1827
1828        <div class="combox__meta">
1829            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1830            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1831        </div>
1832
1833        <div class="combox__info">
1834            <span class="info"><i class="fa fa-eye"></i> 115</span>
1835            <span class="info">
1836                            </span>
1837            <a href="javascript:;" etap="like" class="post-like" data-pid="29266"><i class="fa fa-thumbs-o-up"></i>赞(<span>0</span>)</a>        </div>
1838    </article>
1839</div>
1840<div class="col-xs-6 col-lg-3">
1841    <article class="combox combox--eyes-news">
1842        <div class="combox__image">
1843            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/free-commercial-fonts-list-2026">
1844                <img class="thum-img" src="https://img.maoken.com/2026/09/26cd22d9ae2724a.png" alt="免费商用字体有哪些?2026年可直接商用的中文字体清单">            </a>
1845
1846            
1847                    </div>
1848
1849        <h2 class="combox__title">
1850            <a target="_blank" href="https://www.maoken.com/article-list/free-commercial-fonts-list-2026">免费商用字体有哪些?2026年可直接商用的中文字体清单</a>
1851        </h2>
1852
1853        <div class="combox__meta">
1854            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1855            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1856        </div>
1857
1858        <div class="combox__info">
1859            <span class="info"><i class="fa fa-eye"></i> 831</span>
1860            <span class="info">
1861                            </span>
1862            <a href="javascript:;" etap="like" class="post-like" data-pid="29263"><i class="fa fa-thumbs-o-up"></i>赞(<span>2</span>)</a>        </div>
1863    </article>
1864</div>
1865<div class="col-xs-6 col-lg-3">
1866    <article class="combox combox--eyes-news">
1867        <div class="combox__image">
1868            <a class="thum-link" target="_blank" href="https://www.maoken.com/article-list/font-batch-download-2026">
1869                <img class="thum-img" src="https://img.maoken.com/2026/09/d93e71c14e9b625.png" alt="字体包批量下载:按场景打包免费商用字体一键获取">            </a>
1870
1871            
1872                    </div>
1873
1874        <h2 class="combox__title">
1875            <a target="_blank" href="https://www.maoken.com/article-list/font-batch-download-2026">字体包批量下载:按场景打包免费商用字体一键获取</a>
1876        </h2>
1877
1878        <div class="combox__meta">
1879            <a class="combox__category" href="https://www.maoken.com/article-list" target="_blank" rel="noopener">#字体教程</a>
1880            <a class="combox__author" href="https://www.maoken.com/author/7cf2d09e5ec4736c9f45ed7a73d30281"><i class="fa fa-user" aria-hidden="true"></i>hsmonkey</a>
1881        </div>
1882
1883        <div class="combox__info">
1884            <span class="info"><i class="fa fa-eye"></i> 176</span>
1885            <span class="info">
1886                            </span>
1887            <a href="javascript:;" etap="like" class="post-like" data-pid="29258"><i class="fa fa-thumbs-o-up"></i>赞(<span>1</span>)</a>        </div>
1888    </article>
1889</div>
1890            </div>
1891        </div>
1892
1893        <div class="paginate mb20">
1894            <span aria-current="page" class="page-numbers current">1</span>
1895<a class="page-numbers" href="https://www.maoken.com/article-list/page/2">2</a>
1896<a class="page-numbers" href="https://www.maoken.com/article-list/page/3">3</a>
1897<a class="next page-numbers" href="https://www.maoken.com/article-list/page/2">下一页</a>        </div>
1898
1899            </div>
1900</section>
1901<div class="footer-contact">
1902	<div class="container">
1903		<div class="footer-info">
1904			<div class="footer-logo"><img src="https://www.maoken.com/wp-content/custom-images/logo_white.png"></div>
1905			<h3>免费开源可商用的字体网站</h3>
1906			<p>关注猫啃网,获取全网最新免费可商用字体资讯!</p>
1907			<!-- <p class="f18">微信:NoviceHou&nbsp;&nbsp;&nbsp;&nbsp;QQ:179383817</p> -->
1908		</div>
1909		<div class="footer-qrcode">
1910			<div class="qrcodebox">
1911				<span class="qrcodebox__code" style="border-radius: 10px;">
1912					<img src="https://www.maoken.com/wp-content/custom-images/qrcode_xhs.png">
1913				</span>
1914				<span class="qrcodebox__title">猫啃官方小红书</span>
1915			</div>
1916			<div class="qrcodebox">
1917				<span class="qrcodebox__code">
1918					<img src="https://www.maoken.com/wp-content/custom-images/qrcode_gzh.png">
1919				</span>
1920				<span class="qrcodebox__title">猫啃微信公众号</span>
1921			</div>
1922		</div>
1923	</div>
1924</div>
1925
1926<footer class="footer">
1927	<div class="container">
1928						<p>&copy; 2020-2026 <a href="https://www.maoken.com">猫啃网</a> &nbsp; 上海驿创信息技术有限公司 版权所有 <br /><br />
1929备案/许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">沪ICP备12022110号</a>&nbsp;&nbsp;&nbsp;&nbsp;		 	<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010902100973" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://www.maoken.com/wp-content/uploads/2019/11/0c9c2db33e96e0d.png" />沪公网安备31010902100973号</a>
1930
1931		 
1932 &nbsp;<a target="_blank" href="https://www.maoken.com/user-agreement">用户协议</a> &nbsp;<a target="_blank" href="https://www.maoken.com/privacy-policy">隐私政策</a> &nbsp;<a target="_blank" href="https://www.maoken.com/maoken-faq.html">常见问题</a></p>
1933		
1933<script>
1934var _hmt = _hmt || [];
1935(function() {
1936  var hm = document.createElement("script");
1937  hm.src = "https://hm.baidu.com/hm.js?19425bb1772e0a875cd9c879663d51e0";
1938  var s = document.getElementsByTagName("script")[0]; 
1939  s.parentNode.insertBefore(hm, s);
1940})();
1941</script>
1941
1942
1943<script>
1944var _czc = _czc || [];
1945(function () {
1946	var um = document.createElement("script");
1947	um.src = "https://s9.cnzz.com/z.js?id=1281425372&async=1";
1948	var s = document.getElementsByTagName("script")[0];
1949	s.parentNode.insertBefore(um, s);
1950})();
1951</script>
1951
1952	</div>
1953</footer>
1954
1955
1956		<div class="rollbar rollbar-rb">
1957			<ul>
1958				<li class="rollbar-items">
1959					<a target="_blank" href="https://www.maoken.com/ziyou_client">
1960						<i class="icon"><img src="https://www.maoken.com/wp-content/themes/maoken4.0/img/icons/icon-ziyou-side.png"></i>
1961						<span class="text">客户端</span>
1962					</a>
1963					<h6>客户端<i></i></h6>
1964				</li>
1965				<!-- <li class="rollbar-items">
1966					<a target="_blank" id="ziyouMemberBtn" href="https://www.hellofont.cn/member?from=maoken:push">
1967						<i class="icon"><img src="https://www.maoken.com/wp-content/themes/maoken4.0/img/icons/icon-member.png"></i>
1968						<span class="text">字体会员</span>
1969					</a>
1970					<h6>字体会员<i></i></h6>
1971				</li> -->
1972				<li class="rollbar-items">
1973					<a target="_blank" href="https://www.maoken.com/messages">
1974						<i class="icon"><img src="https://www.maoken.com/wp-content/themes/maoken4.0/img/icons/icon-message.png"></i>
1975						<span class="text">留言反馈</span>
1976					</a>
1977					<h6>留言反馈<i></i></h6>
1978				</li>
1979				<li class="rollbar-items">
1980					<a target="_blank" href="https://www.maoken.com/maoken-faq.html">
1981						<i class="icon"><img src="https://www.maoken.com/wp-content/themes/maoken4.0/img/icons/icon-faq.png"></i>
1982						<span class="text">常见问题</span>
1983					</a>
1984					<h6>常见问题<i></i></h6>
1985				</li>
1986				<li class="rollbar-totop" style="display: list-item;"><a href="javascript:(jsui.scrollTo());"><i class="fa fa-angle-up"></i><span>回顶</span></a>
1987					<h6>回顶部<i></i></h6>
1988				</li>
1989			</ul>
1990		</div>
1991
1992
1993<script>
1994	window.jsui = {
1995		www: 'https://www.maoken.com',
1996		uri: 'https://www.maoken.com/wp-content/themes/maoken4.0',
1997		ver: '6.4',
1998		roll: [],
1999		ajaxpager: '0',
2000		url_rp: 'https://www.maoken.com/%e6%89%be%e5%9b%9e%e5%af%86%e7%a0%81'
2001	};
2002
2003	// 跳转字由
2004	// console.log(user_maoken);
2005	if (typeof user_maoken !== 'undefined') {
2006		$('#ziyouMemberBtn').attr('href', 'https://www.hellofont.cn/member?from=maoken:push&mk=' + user_maoken);
2007	}
2008
2009
2010	// 统计广告的点击量
2011		$('#navAd').click(function() {
2012		$.ajax({
2013			url: "https://www.maoken.com/wp-content/themes/maoken4.0/action/client.php?action=adstatistic&adLocation=通栏广告"
2014		});
2015	});
2016	$('#logoSideAd').click(function() {
2017		$.ajax({
2018			url: "https://www.maoken.com/wp-content/themes/maoken4.0/action/client.php?action=adstatistic&adLocation=LOGO旁广告"
2019		});
2020	});
2021	$('#siderAd01').click(function() {
2022		$.ajax({
2023			url: "https://www.maoken.com/wp-content/themes/maoken4.0/action/client.php?action=adstatistic&adLocation=侧边广告01"
2024		});
2025	});
2026	$('#siderAd02').click(function() {
2027		$.ajax({
2028			url: "https://www.maoken.com/wp-content/themes/maoken4.0/action/client.php?action=adstatistic&adLocation=侧边广告02"
2029		});
2030	});
2031</script>
2031
2032
2033<script type="speculationrules">
2034{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/maoken4.0/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2035</script>
2035
2036<!--FOOTER_CODE_START-->
2037<script>
2038(function(){
2039    var bp = document.createElement('script');
2040    var curProtocol = window.location.protocol.split(':')[0];
2041    if (curProtocol === 'https') {
2042        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
2043    }
2044    else {
2045        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
2046    }
2047    var s = document.getElementsByTagName("script")[0];
2048    s.parentNode.insertBefore(bp, s);
2049})();
2050</script>
2050
2051<!--FOOTER_CODE_END-->
2052<script type="text/javascript" id="wp-postratings-js-extra">
2053/* <![CDATA[ */
2054var ratingsL10n = {"plugin_url":"https://www.maoken.com/wp-content/plugins/wp-postratings","ajax_url":"https://www.maoken.com/wp-admin/admin-ajax.php","text_wait":"Please rate only 1 item at a time.","image":"","image_ext":"gif","max":"5","show_loading":"0","show_fading":"0","custom":"0"};
2055var ratings_mouseover_image=new Image();ratings_mouseover_image.src="https://www.maoken.com/wp-content/plugins/wp-postratings/images//rating_over.gif";;
2056//# sourceURL=wp-postratings-js-extra
2057/* ]]> */
2058</script>
vendor: 1 bytes, line 2058
2058
2059<script type="text/javascript" src="https://www.maoken.com/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.89" id="wp-postratings-js"></script>
vendor: 1 bytes, line 2059
2059
2060<script type="text/javascript" src="https://www.maoken.com/wp-content/themes/maoken4.0/js/libs/bootstrap.min.js?ver=6.4" id="bootstrap-js"></script>
vendor: 1 bytes, line 2060
2060
2061<script type="text/javascript" src="https://www.maoken.com/wp-content/themes/maoken4.0/js/loader.js?ver=6.4" id="_loader-js"></script>
vendor: 1 bytes, line 2061
2061
2062<script type="text/javascript" src="https://www.maoken.com/wp-content/themes/maoken4.0/js/libs/swiper-bundle.min.js?ver=1.0" id="swiper-js-js"></script>
vendor: 1 bytes, line 2062
2062
2063<script type="text/javascript" src="https://www.maoken.com/wp-content/plugins/maoken-social/assets/js/alpine.min.js?ver=3.15.12" id="alpine-js-js"></script>
vendor: 1 bytes, line 2063
2063
2064<script type="text/javascript" id="common-js-js-extra">
2065/* <![CDATA[ */
2066var maokenThemeConfig = {"themeUrl":"https://www.maoken.com/wp-content/themes/maoken4.0"};
2067//# sourceURL=common-js-js-extra
2068/* ]]> */
2069</script>
vendor: 1 bytes, line 2069
2069
2070<script type="text/javascript" src="https://www.maoken.com/wp-content/themes/maoken4.0/js/common.js?ver=1.0" id="common-js-js"></script>
vendor: 1 bytes, line 2070
2070
2071<script type="text/javascript" src="https://www.maoken.com/wp-content/plugins/maoken-social/assets/js/qrcode.min.js?ver=1.0.0" id="qrcode-generator-js"></script>
vendor: 1 bytes, line 2071
2071
2072<script type="text/javascript" src="https://www.maoken.com/wp-content/plugins/maoken-social/assets/js/cap.js" id="cap-js-js"></script>
2072
2073
2074
2075<!-- 弹窗推广 -->
2076<div id="slidepop" class="slidebox" style="display:none ;">
2077	<a target="_blank" rel="noopener" href="https://maoken.hellofont.cn/font-album?id=3" class="slidebox-img" onclick="setLocalStorageWithExpiry('maoken_slidefont_popup');">
2078		<img src="https://img.maoken.com/2026/08/2a4feb97deebadb.png" alt="弹窗广告">
2079	</a>
2080</div>
2081<script>
2082	// 设置推广弹窗过期时间
2083	function setLocalStorageWithExpiry(key) {
2084		const now = new Date().getTime();
2085		const expiry = now + 48 * 60 * 60 * 1000; // 48 hours
2086		localStorage.setItem(key, expiry);
2087	}
2088
2089	// 如果已经过期则清除localStorage
2090	function getLocalStorageWithExpiry(key) {
2091		const itemStr = localStorage.getItem(key);
2092		if (!itemStr) {
2093			return null;
2094		}
2095		const item = itemStr;
2096		const now = new Date().getTime();
2097
2098		// 如果已经过期,则删除并返回null
2099		if (now > item) {
2100			localStorage.removeItem(key);
2101			return null;
2102		}
2103		return item;
2104	}
2105
2106	$(function() {
2107		const key = 'maoken_slidefont_popup';
2108		$(document).on('click', '#slidepop .slidebox-img', function() {
2109			setLocalStorageWithExpiry(key);
2110		});
2111		if (!getLocalStorageWithExpiry(key)) {
2112			popup('猫啃网', '#slidepop', 'slidepop').showClose(function() {
2113				setLocalStorageWithExpiry(key);
2114			});
2115		}
2116	});
2117</script>
2117
2118<!-- /弹窗推广 -->
2119
2120</body>
2121
2122</html>
2123
2124<!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com -->
2125
2126<!-- Dynamic page generated in 0.129 seconds. -->
2127<!-- Cached page generated by WP-Super-Cache on 2026-09-25 03:33:41 -->
2128
2129<!-- Compression = gzip -->
2130<!-- super cache -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.