{"id":2301,"date":"2025-06-11T00:31:11","date_gmt":"2025-06-10T16:31:11","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2301.html"},"modified":"2025-06-11T00:31:12","modified_gmt":"2025-06-10T16:31:12","slug":"%e5%a6%82%e4%bd%95%e8%ae%a9google%e5%ad%97%e4%bd%93%e6%9b%b4%e6%b3%a8%e9%87%8d%e9%9a%90%e7%a7%81%ef%bc%882%e7%a7%8d%e6%96%b9%e6%b3%95%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2301.html","title":{"rendered":"\u5982\u4f55\u8ba9Google\u5b57\u4f53\u66f4\u6ce8\u91cd\u9690\u79c1\uff082\u79cd\u65b9\u6cd5\uff09"},"content":{"rendered":"<div class=\"wp-block-columns p-0 border is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-columns px-4 py-3 border-bottom has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(243deg,rgb(238,238,238) 0%,rgba(58,166,242,0.15) 100%)\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\r\n<figure class=\"wp-block-image size-thumbnail is-resized is-style-rounded is-style-rounded--1\"><img decoding=\"async\" src=\"https:\/\/www.zhaozhao123.cn\/myitems\/images\/sites16\/2025\/06\/dyA-1-400x300.jpg\" alt=\"Bug&#32534;&#35793;&#29422;\" class=\"wp-image-1842\" style=\"object-fit:cover;width:30px;height:30px\"><\/figure>\r\n\r\n\r\n\r\n<p class=\"my-0\">Bug&#32534;&#35793;&#29422;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns px-xl-5 px-4 py-xl-4 py-3 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>&#20026;&#20102;&#20445;&#25252;&#29992;&#25143;&#38544;&#31169;&#65292;&#30830;&#20445;&#25968;&#25454;&#23433;&#20840;&#65292;&#25105;&#20204;&#21487;&#20197;&#36890;&#36807;&#20197;&#19979;&#20004;&#31181;&#26041;&#24335;&#26469;&#20248;&#21270;Google&#23383;&#20307;&#30340;&#20351;&#29992;&#65306;<\/p>\n<h3>&#26041;&#27861;&#19968;&#65306;&#35774;&#32622;Google Fonts API&#30340;&#38544;&#31169;&#36873;&#39033;<\/h3>\n<ol>\n<li>\n<p><strong>&#35775;&#38382;Google Fonts&#32593;&#31449;<\/strong>&#65306;<\/p>\n<ul>\n<li>&#25171;&#24320;&#27983;&#35272;&#22120;&#65292;&#36827;&#20837;Google Fonts&#23448;&#26041;&#32593;&#31449;&#65288;<a href=\"https:\/\/www.zhaozhao123.cn\/skin\/go?url=aHR0cHM6Ly9mb250cy5nb29nbGUuY29tLw==\" rel=\"noopener noreferrer nofollow\">https:\/\/fonts.google.com\/<\/a>&#65289;&#12290;<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>&#36873;&#25321;&#23383;&#20307;&#24182;&#28155;&#21152;&#21040;&#39033;&#30446;<\/strong>&#65306;<\/p>\n<ul>\n<li>&#22312;&#25628;&#32034;&#26694;&#20013;&#36755;&#20837;&#20320;&#24819;&#35201;&#20351;&#29992;&#30340;&#23383;&#20307;&#21517;&#31216;&#65292;&#20363;&#22914;&ldquo;Roboto&rdquo;&#12290;<\/li>\n<li>&#36873;&#25321;&#21512;&#36866;&#30340;&#23383;&#20307;&#21518;&#65292;&#28857;&#20987;&ldquo;Add to project&rdquo;&#12290;<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>&#21551;&#29992;API&#25903;&#25345;<\/strong>&#65306;<\/p>\n<ul>\n<li>&#22312;&#39029;&#38754;&#24213;&#37096;&#65292;&#25214;&#21040;&ldquo;Settings&rdquo;&#37096;&#20998;&#65292;&#28857;&#20987;&ldquo;Edit settings&rdquo;&#12290;<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>&#35843;&#25972;&#38544;&#31169;&#36873;&#39033;<\/strong>&#65306;<\/p>\n<ul>\n<li>&#22312;&ldquo;Privacy &amp; Security&rdquo;&#26631;&#31614;&#19979;&#65292;&#20320;&#21487;&#20197;&#30475;&#21040;&#19968;&#20123;&#20851;&#20110;&#23383;&#20307;&#21644;&#33050;&#26412;&#38544;&#31169;&#30340;&#35774;&#32622;&#12290;<\/li>\n<li>&#30830;&#20445;&#21246;&#36873;&#20102;&ldquo;Use Google Fonts Privacy Policy for this project&rdquo;&#65292;&#36825;&#26679;&#21487;&#20197;&#30830;&#20445;&#25152;&#26377;&#19982;&#23383;&#20307;&#30456;&#20851;&#30340;&#27963;&#21160;&#37117;&#36981;&#24490;Google&#30340;&#38544;&#31169;&#25919;&#31574;&#12290;<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>&#20445;&#23384;&#26356;&#25913;<\/strong>&#65306;<\/p>\n<ul>\n<li>&#23436;&#25104;&#19978;&#36848;&#25805;&#20316;&#21518;&#65292;&#28857;&#20987;&ldquo;Save changes&rdquo;&#12290;<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p>&#36890;&#36807;&#20197;&#19978;&#27493;&#39588;&#65292;&#20320;&#24050;&#32463;&#35774;&#32622;&#20102;Google Fonts API&#20197;&#36981;&#24490;Google&#30340;&#38544;&#31169;&#25919;&#31574;&#65292;&#36825;&#26377;&#21161;&#20110;&#20445;&#25252;&#29992;&#25143;&#30340;&#38544;&#31169;&#20449;&#24687;&#12290;<\/p>\n<h3>&#31034;&#20363;&#20195;&#30721;&#21450;&#20351;&#29992;&#27493;&#39588;<\/h3>\n<p>&#20551;&#35774;&#20320;&#24819;&#22312;WordPress&#20013;&#20351;&#29992;Google&#30340;Roboto&#23383;&#20307;&#65292;&#24182;&#19988;&#24076;&#26395;&#20351;&#29992;&#36825;&#31181;&#26041;&#27861;&#26469;&#20445;&#25252;&#38544;&#31169;&#65292;&#35831;&#21442;&#32771;&#20197;&#19979;&#20195;&#30721;&#29255;&#27573;&#21644;&#27493;&#39588;&#65306;<\/p>\n<h4>&#27493;&#39588;&#19968;&#65306;&#27880;&#20876;Google Fonts API<\/h4>\n<ol>\n<li>&#35775;&#38382;<a href=\"https:\/\/www.zhaozhao123.cn\/skin\/go?url=aHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3M_ZmFtaWx5PVJvYm90bw==\" rel=\"noopener noreferrer nofollow\">Google Fonts<\/a>&#12290;<\/li>\n<li>&#36873;&#25321;&ldquo;Roboto&rdquo;&#25110;&#20854;&#20182;&#20320;&#21916;&#27426;&#30340;&#23383;&#20307;&#65292;&#28982;&#21518;&#28857;&#20987;&ldquo;Add to Project&rdquo;&#25353;&#38062;&#12290;<\/li>\n<li>&#23558;&#23383;&#20307;&#28155;&#21152;&#21040;&#24744;&#30340;WordPress&#39033;&#30446;&#20013;&#12290;<\/li>\n<\/ol>\n<h4>&#27493;&#39588;&#20108;&#65306;&#21551;&#29992;Google Fonts API&#30340;&#38544;&#31169;&#21151;&#33021;<\/h4>\n<ol>\n<li>&#30331;&#24405;&#21040;&#24744;&#30340;WordPress&#21518;&#21488;&#12290;<\/li>\n<li>&#36827;&#20837;&ldquo;&#22806;&#35266;&rdquo; -&gt; &ldquo;&#32534;&#36753;&rdquo; -&gt; &ldquo;&#23383;&#20307;&rdquo;&#12290;<\/li>\n<li>&#22312;&ldquo;&#23383;&#20307;&#24211;&rdquo;&#37096;&#20998;&#65292;&#25214;&#21040;Google Fonts&#12290;<\/li>\n<li>&#35843;&#25972;&ldquo;Privacy &amp; Security&rdquo;&#26631;&#31614;&#19979;&#30340;&#35774;&#32622;&#65292;&#30830;&#20445;&#21246;&#36873;&ldquo;Use Google Fonts Privacy Policy for this project&rdquo;&#12290;<\/li>\n<li>&#20445;&#23384;&#26356;&#25913;&#12290;<\/li>\n<\/ol>\n<h4>&#27493;&#39588;&#19977;&#65306;&#20351;&#29992;Roboto&#23383;&#20307;<\/h4>\n<p>&#29616;&#22312;&#65292;&#22312;&#24744;&#30340;&#25991;&#31456;&#25110;&#39029;&#38754;&#20013;&#65292;&#24744;&#21487;&#20197;&#36731;&#26494;&#22320;&#20351;&#29992;Roboto&#23383;&#20307;&#12290;&#21482;&#38656;&#22312;CSS&#25991;&#20214;&#20013;&#24341;&#29992;Google Fonts&#30340;&#26679;&#24335;&#34920;&#21363;&#21487;&#65306;<\/p>\n<pre><code class=\"language-css\">@import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&amp;display=swap');\n\nbody {\n    font-family: 'Roboto', sans-serif;\n}<\/code><\/pre>\n<p>&#36890;&#36807;&#36825;&#31181;&#26041;&#24335;&#65292;&#24744;&#19981;&#20165;&#33021;&#22815;&#20139;&#21463;&#21040;&#39640;&#36136;&#37327;&#30340;Roboto&#23383;&#20307;&#65292;&#36824;&#33021;&#30830;&#20445;&#20854;&#20351;&#29992;&#31526;&#21512;Google&#30340;&#38544;&#31169;&#25919;&#31574;&#65292;&#20174;&#32780;&#20445;&#25252;&#29992;&#25143;&#38544;&#31169;&#12290;<\/p>\n<hr>\n<p>&#35831;&#27880;&#24847;&#65292;&#27492;&#26041;&#27861;&#20165;&#36866;&#29992;&#20110;Google Fonts&#25552;&#20379;&#30340;&#23383;&#20307;&#12290;&#22914;&#26524;&#24744;&#27491;&#22312;&#20351;&#29992;&#20854;&#20182;&#26469;&#28304;&#30340;&#23383;&#20307;&#65292;&#21487;&#33021;&#38656;&#35201;&#26816;&#26597;&#36825;&#20123;&#23383;&#20307;&#30340;&#38544;&#31169;&#25919;&#31574;&#25110;&#20351;&#29992;&#31532;&#19977;&#26041;&#26381;&#21153;&#26469;&#30830;&#20445;&#21512;&#35268;&#24615;&#12290;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div><div class=\"wp-block-columns p-0 border is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-columns px-4 py-3 border-bottom has-background is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\" style=\"background:linear-gradient(243deg,rgb(238,238,238) 0%,rgba(58,166,242,0.15) 100%)\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\r\n<figure class=\"wp-block-image size-thumbnail is-resized is-style-rounded is-style-rounded--2\"><img decoding=\"async\" src=\"https:\/\/www.zhaozhao123.cn\/myitems\/images\/sites16\/2025\/06\/zp-400x300.jpg\" alt=\"&#40657;&#26495;&#21069;&#30340;Bug&#35821;&#27861;&#35762;&#24072;\" class=\"wp-image-1849\" style=\"object-fit:cover;width:30px;height:30px\"><\/figure>\r\n\r\n\r\n\r\n<p class=\"my-0\">&#40657;&#26495;&#21069;&#30340;Bug&#35821;&#27861;&#35762;&#24072;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"wp-block-columns px-xl-5 px-4 py-xl-4 py-3 is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\r\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\r\n<p>&#22312;&#35774;&#35745;&#32593;&#31449;&#26102;&#65292;&#25105;&#20204;&#32463;&#24120;&#38656;&#35201;&#20351;&#29992;&#21040;&#19968;&#20123;&#31532;&#19977;&#26041;&#23383;&#20307;&#65292;&#22914;Google Fonts&#12290;&#34429;&#28982;&#36825;&#20123;&#23383;&#20307;&#25552;&#20379;&#20102;&#20016;&#23500;&#30340;&#35774;&#35745;&#20803;&#32032;&#21644;&#26679;&#24335;&#36873;&#25321;&#65292;&#20294;&#23427;&#20204;&#20063;&#21487;&#33021;&#24102;&#26469;&#19968;&#20123;&#38544;&#31169;&#38382;&#39064;&#12290;&#20197;&#19979;&#20004;&#31181;&#26041;&#27861;&#21487;&#20197;&#24110;&#21161;&#24744;&#26356;&#22909;&#22320;&#25511;&#21046;Google&#23383;&#20307;&#24182;&#30830;&#20445;&#20854;&#38544;&#31169;&#12290;<\/p>\n<h3>&#26041;&#27861;&#19968;&#65306;&#33258;&#23450;&#20041;CSS<\/h3>\n<ol>\n<li>\n<p><strong>&#25171;&#24320;&#24744;&#30340;HTML&#25991;&#20214;<\/strong>&#65306;<\/p>\n<pre><code class=\"language-html\">&lt;link href=\"https:\/\/fonts.googleapis.com\/css?family=Roboto&amp;display=swap\" rel=\"stylesheet\"&gt;<\/code><\/pre>\n<\/li>\n<li>\n<p><strong>&#28155;&#21152;&#33258;&#23450;&#20041;CSS<\/strong>&#65306;<\/p>\n<pre><code class=\"language-css\">\/* &#33258;&#23450;&#20041;Google&#23383;&#20307; *\/\n@font-face {\n font-family: 'Google';\n src: url('https:\/\/fonts.gstatic.com\/s\/google\/roboto\/v18\/M9s750000zTbWv6JwHjGc3D4KZgYnXfPw.webp?ext=.svg') format('svg'),\n       url('https:\/\/fonts.gstatic.com\/s\/google\/roboto\/v18\/M9s750000zTbWv6JwHjGc3D4KZgYnXfPw.woff2?ext=.woff2')\n       ;\n font-weight: normal;\n font-style: normal;\n}\n\nbody {\n font-family: 'Google', sans-serif;\n}<\/code><\/pre>\n<p>&#36825;&#27573;&#20195;&#30721;&#21019;&#24314;&#20102;&#19968;&#20010;&#33258;&#23450;&#20041;Google&#23383;&#20307;&#30340;&#38142;&#25509;&#65292;&#24744;&#21487;&#20197;&#23558;&#36825;&#27573;&#20195;&#30721;&#22797;&#21046;&#21040;&#24744;&#30340;HTML&#25991;&#20214;&#20013;&#65292;&#28982;&#21518;&#22312;<code>&lt;head&gt;<\/code>&#26631;&#31614;&#20869;&#24341;&#29992;&#23427;&#12290;<\/p>\n<\/li>\n<li>\n<p><strong>&#27979;&#35797;&#19982;&#24212;&#29992;<\/strong>&#65306;\n&#22312;&#27983;&#35272;&#22120;&#20013;&#26597;&#30475;&#24744;&#30340;&#32593;&#39029;&#65292;&#24212;&#35813;&#21487;&#20197;&#30475;&#21040;&#24050;&#33258;&#23450;&#20041;&#30340;Google&#23383;&#20307;&#12290;<\/p>\n<\/li>\n<\/ol>\n<h3>&#26041;&#27861;&#20108;&#65306;&#31105;&#29992;Google Fonts&#30340;&#40664;&#35748;&#35774;&#32622;<\/h3>\n<ol>\n<li>\n<p><strong>&#22312;&#26381;&#21153;&#22120;&#31471;&#37197;&#32622;<\/strong>&#65306;\n&#23545;&#20110;&#38745;&#24577;&#31449;&#28857;&#65288;&#20363;&#22914;&#20351;&#29992;Apache&#25110;Nginx&#20316;&#20026;Web&#26381;&#21153;&#22120;&#65289;&#65292;&#21487;&#20197;&#20351;&#29992;&#20197;&#19979;&#21629;&#20196;&#31105;&#29992;Google Fonts&#30340;&#40664;&#35748;&#35774;&#32622;&#65306;<\/p>\n<pre><code class=\"language-bash\"># &#20462;&#25913;.htaccess&#25991;&#20214;&#20013;&#30340;&#20869;&#23481;\n&lt;IfModule mod_rewrite.c&gt;\n   RewriteEngine On\n   RewriteCond %{HTTP_HOST} ^www.googleapis.com$\n   RewriteRule (.*) https:\/\/fonts.gstatic.com\/s\/.*$1 [L]\n&lt;\/IfModule&gt;<\/code><\/pre>\n<p>&#35831;&#30830;&#20445;&#24744;&#30340;&#32593;&#31449;URL&#21253;&#21547;<code>.googleapis.com<\/code>&#37096;&#20998;&#65292;&#20197;&#21551;&#29992;&#27492;&#35268;&#21017;&#12290;<\/p>\n<\/li>\n<li>\n<p><strong>&#22312;&#23458;&#25143;&#31471;&#33050;&#26412;&#20013;&#31105;&#29992;<\/strong>&#65306;\n&#22914;&#26524;&#24744;&#27491;&#22312;&#20351;&#29992;&#30340;&#26159;&#21160;&#24577;&#32593;&#31449;&#65288;&#22914;&#20351;&#29992;Node.js&#25110;PHP&#26500;&#24314;&#30340;&#24212;&#29992;&#31243;&#24207;&#65289;&#65292;&#21017;&#21487;&#20197;&#22312;JavaScript&#25110;PHP&#20013;&#21152;&#20837;&#20197;&#19979;&#20195;&#30721;&#26469;&#31105;&#29992;Google Fonts&#65306;<\/p>\n<pre><code class=\"language-javascript\">\/\/ JavaScript &#31034;&#20363;\nwindow.matchMedia(\"(prefers-color-scheme: dark)\").matches = true;\nif (window.matchMedia(\"(prefers-color-scheme: dark)\").matches) {\n   document.head.innerHTML += '&lt;style&gt;.body {font-family: Arial, sans-serif !important;}&lt;\/style&gt;';\n}\n\n\/\/ PHP &#31034;&#20363;\n$colorscheme = get_user_preferences('theme_color_scheme');\nif ($colorscheme == 'dark') {\n   echo '&lt;style&gt;.body {font-family: Arial, sans-serif !important;}&lt;\/style&gt;';\n}<\/code><\/pre>\n<\/li>\n<\/ol>\n<p>&#20197;&#19978;&#20004;&#31181;&#26041;&#27861;&#37117;&#33021;&#24110;&#21161;&#24744;&#25511;&#21046;Google&#23383;&#20307;&#30340;&#20351;&#29992;&#26041;&#24335;&#65292;&#20174;&#32780;&#26356;&#22909;&#22320;&#20445;&#25252;&#29992;&#25143;&#38544;&#31169;&#12290;<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bug&#32534;&#35793;&#29422; &#20026;&#20102;&#20445;&#25252;&#29992;&#25143;&#38544;&#31169;&#65292;&#30830;&#20445;&#25968;&#25454;&#23433;&#20840;&#65292;&#038;#25..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[59],"tuisongtax":[],"class_list":["post-2301","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=2301"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2301\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=2301"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=2301"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=2301"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=2301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}