{"id":42709,"date":"2026-07-10T16:42:39","date_gmt":"2026-07-10T09:42:39","guid":{"rendered":"https:\/\/interdata.vn\/blog\/?p=42709"},"modified":"2026-07-10T16:42:39","modified_gmt":"2026-07-10T09:42:39","slug":"google-fonts","status":"publish","type":"post","link":"https:\/\/interdata.vn\/blog\/google-fonts\/","title":{"rendered":"Google Fonts L\u00e0 G\u00ec? C\u00e1ch Nh\u00fang &#038; T\u1ed1i \u01afu Font Cho Website"},"content":{"rendered":"\n\n<style>\n.interdata-plan-carousel,.interdata-plan-carousel *{box-sizing:border-box}\n.interdata-plan-carousel{--blue:#005bea;--blue-dark:#004dcc;--text:#071832;--muted:#516173;--border:#d8e6fb;--bg:#f3f8ff;--shadow:0 5px 14px rgba(0,62,145,.08);container-type:inline-size;background:var(--bg);padding:14px 40px 18px;position:relative;overflow:hidden}\n.interdata-carousel-heading{color:#f00;font-family:Roboto,sans-serif;font-size:18px;line-height:1.35;font-weight:800;text-align:center;margin:0 0 14px}\n.interdata-plan-viewport{overflow:hidden;width:100%}\n.interdata-plan-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 0 4px}\n.interdata-plan-track::-webkit-scrollbar{display:none}\n.interdata-plan-card{flex:0 0 calc((100% - 36px)\/4);min-width:0;background:#fff;border:1px solid var(--border);border-radius:8px;padding:15px 10px 13px;min-height:370px;display:flex;flex-direction:column;scroll-snap-align:start;box-shadow:var(--shadow)}\n.interdata-plan-title{color:var(--blue-dark);font-size:16px;line-height:1.22;font-weight:800;text-align:center;margin:0 0 7px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.interdata-plan-price{color:var(--blue-dark);font-size:24px;line-height:1;font-weight:900;text-align:center;margin-bottom:12px;white-space:nowrap;letter-spacing:0}\n.interdata-plan-price span{font-size:10px;font-weight:800;margin-left:2px}\n.interdata-plan-badge{align-self:center;display:inline-flex;align-items:center;justify-content:center;background:#ff3934;color:#fff;border-radius:5px;padding:7px 8px;font-size:9px;line-height:1;font-weight:800;margin-bottom:15px;white-space:nowrap;max-width:100%}\n.interdata-plan-features{list-style:none!important;padding:0!important;margin:0!important}\n.interdata-plan-features li{display:flex;gap:7px;align-items:flex-start;color:var(--text);font-size:12px;line-height:1.35;font-weight:700;text-align:left;margin:0 0 10px!important;padding:0!important}\n.interdata-plan-icon{width:14px;min-width:14px;height:14px;color:#0069ff;margin-top:2px}\n.interdata-plan-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.interdata-plan-spacer{flex:1;min-height:16px}\n.interdata-plan-button{display:flex;align-items:center;justify-content:center;min-height:42px;width:100%;background:var(--blue);color:#fff!important;border-radius:5px;font-size:13px;font-weight:800;text-decoration:none!important;box-shadow:0 7px 14px rgba(0,91,234,.24);transition:transform .2s ease,background .2s ease}\n.interdata-plan-button:hover{background:var(--blue-dark);color:#fff!important;transform:translateY(-1px)}\n.interdata-carousel-arrow{position:absolute;top:50%;z-index:5;width:44px;height:54px;border:2px solid #fff!important;border-radius:999px;background:var(--blue)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,62,145,.32);display:flex!important;align-items:center;justify-content:center;cursor:pointer;transform:translateY(-35%);transition:background .2s ease,color .2s ease,opacity .2s ease,transform .2s ease}\n.interdata-carousel-arrow:hover{background:var(--blue-dark)!important;color:#fff!important;transform:translateY(-35%) scale(1.04)}\n.interdata-carousel-arrow:disabled{opacity:.78;cursor:not-allowed;background:#8aa6cf!important;color:#fff!important}\n.interdata-carousel-arrow:disabled:hover{background:#8aa6cf!important;color:#fff!important;transform:translateY(-35%)}\n.interdata-carousel-arrow svg{display:none!important}\n.interdata-carousel-arrow:before{content:none!important;display:none!important}\n.interdata-carousel-mark{display:block!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:38px!important;font-weight:900!important;line-height:1!important;text-align:center!important;pointer-events:none!important;transform:translateY(-2px)}\n.interdata-carousel-prev{left:14px}\n.interdata-carousel-prev .interdata-carousel-mark{margin-left:-2px}\n.interdata-carousel-next{right:14px}\n.interdata-carousel-next .interdata-carousel-mark{margin-right:-2px}\n@container (max-width:640px){.interdata-plan-carousel{padding:12px 38px 16px}.interdata-plan-card{flex-basis:calc((100% - 12px)\/2);min-height:370px}.interdata-carousel-heading{font-size:16px}}\n@container (max-width:480px){.interdata-plan-carousel{padding:12px 34px 16px}.interdata-plan-card{flex-basis:100%;min-height:360px}.interdata-plan-price{font-size:25px}.interdata-carousel-arrow{width:34px;height:44px}.interdata-carousel-mark{font-size:32px!important}.interdata-carousel-prev{left:5px}.interdata-carousel-next{right:5px}}\n<\/style>\n\n<div class=\"interdata-plan-carousel\" data-interdata-carousel>\n  <div class=\"interdata-carousel-heading\">Si\u00eau \u01afu \u0110\u00e3i VPS \/ CLOUD SERVER - Ti\u1ebft Ki\u1ec7m \u0110\u1ebfn 70%<\/div>\n\n  <svg width=\"0\" height=\"0\" style=\"position:absolute;visibility:hidden\" aria-hidden=\"true\">\n    <symbol id=\"id-icon-cpu\" viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><path d=\"M4 9h3M4 15h3M17 9h3M17 15h3M9 4v3M15 4v3M9 17v3M15 17v3\"><\/path><path d=\"M10 10h4v4h-4z\"><\/path><\/symbol>\n    <symbol id=\"id-icon-ram\" viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"><\/rect><path d=\"M7 16v2M11 16v2M15 16v2M19 16v2M7 11h1M11 11h1M15 11h1\"><\/path><\/symbol>\n    <symbol id=\"id-icon-storage\" viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"><\/rect><path d=\"M9 7h6\"><\/path><circle cx=\"12\" cy=\"16\" r=\"1.5\"><\/circle><\/symbol>\n    <symbol id=\"id-icon-network\" viewBox=\"0 0 24 24\"><path d=\"M5 12.5a10 10 0 0 1 14 0\"><\/path><path d=\"M8.5 16a5 5 0 0 1 7 0\"><\/path><path d=\"M12 19h.01\"><\/path><\/symbol>\n    <symbol id=\"id-icon-gift\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"13\" rx=\"2\"><\/rect><path d=\"M12 8v13M3 12h18\"><\/path><path d=\"M7.5 8C6.1 8 5 6.9 5 5.5S6.1 3 7.5 3C10 3 12 8 12 8\"><\/path><path d=\"M16.5 8C17.9 8 19 6.9 19 5.5S17.9 3 16.5 3C14 3 12 8 12 8\"><\/path><\/symbol>\n  <\/svg>\n\n  <button class=\"interdata-carousel-arrow interdata-carousel-prev\" type=\"button\" aria-label=\"Xem 4 g\u00f3i tr\u01b0\u1edbc\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"><\/path><\/svg>\n    <span class=\"interdata-carousel-mark\" aria-hidden=\"true\">&#8249;<\/span>\n  <\/button>\n\n  <div class=\"interdata-plan-viewport\">\n    <div class=\"interdata-plan-track\">\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Premium Base<\/h3>\n        <div class=\"interdata-plan-price\">299K<span>\/3 th\u00e1ng<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>2 vCore Intel<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>2GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>30GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 300Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/best-value-plans-2026\/best-value-plans-premium-base\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Premium Base<\/h3>\n        <div class=\"interdata-plan-price\">999K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>3 vCore Intel<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>3GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>30GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 300Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/cyber-week-2026\/premium-base\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Premium Pro<\/h3>\n        <div class=\"interdata-plan-price\">2.599K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>6 vCore Intel<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>8GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>80GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 350Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/cyber-week-2026\/premium-pro\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Premium Ultra<\/h3>\n        <div class=\"interdata-plan-price\">5.679K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>12 vCore Intel<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>16GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>180GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 450Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/cyber-week-2026\/premium-ultra\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">BD-CLOUD 1<\/h3>\n        <div class=\"interdata-plan-price\">988K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>2 vCPU<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>2 GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>30 GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 300 Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/bd-cloud-performance-2026\/bd-cloud-1\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">BD-CLOUD 2<\/h3>\n        <div class=\"interdata-plan-price\">2.988K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>4 vCPU<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>8 GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>80 GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 300 Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/bd-cloud-performance-2026\/bd-cloud-2\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Cloud-Day - Base<\/h3>\n        <div class=\"interdata-plan-price\">2.666K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-gift\"><\/use><\/svg><\/span>T\u1eb7ng 80GB S3 v\u00e0 1 n\u0103m s\u1eed d\u1ee5ng khi mua 2 n\u0103m tr\u1edf l\u00ean<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>4 vCPU AMD G3<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>6GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>60GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 10Gbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/cloud-day-by-interdata-2026\/cloud-day-base\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Cloud-Day - Pro<\/h3>\n        <div class=\"interdata-plan-price\">5.666K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-gift\"><\/use><\/svg><\/span>T\u1eb7ng 200GB S3 v\u00e0 1 n\u0103m s\u1eed d\u1ee5ng khi mua 2 n\u0103m tr\u1edf l\u00ean<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>8 vCPU AMD G3<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>12GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>160GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 10Gbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/cloud-day-by-interdata-2026\/cloud-day-pro\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <button class=\"interdata-carousel-arrow interdata-carousel-next\" type=\"button\" aria-label=\"Xem 4 g\u00f3i ti\u1ebfp theo\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"><\/path><\/svg>\n    <span class=\"interdata-carousel-mark\" aria-hidden=\"true\">&#8250;<\/span>\n  <\/button>\n<\/div>\n\n<script>\n(function(){\n  function setupInterDataCarousel(root){\n    var track=root.querySelector('.interdata-plan-track');\n    var prev=root.querySelector('.interdata-carousel-prev');\n    var next=root.querySelector('.interdata-carousel-next');\n    if(!track||!prev||!next||track.dataset.ready==='1')return;\n    track.dataset.ready='1';\n\n    function pageWidth(){\n      return track.clientWidth;\n    }\n\n    function updateButtons(){\n      var maxScroll=track.scrollWidth-track.clientWidth-2;\n      prev.disabled=track.scrollLeft<=2;\n      next.disabled=track.scrollLeft>=maxScroll;\n    }\n\n    prev.addEventListener('click',function(){\n      track.scrollBy({left:-pageWidth(),behavior:'smooth'});\n    });\n\n    next.addEventListener('click',function(){\n      track.scrollBy({left:pageWidth(),behavior:'smooth'});\n    });\n\n    track.addEventListener('scroll',function(){\n      window.requestAnimationFrame(updateButtons);\n    });\n\n    window.addEventListener('resize',updateButtons);\n    updateButtons();\n  }\n\n  function initInterDataCarousels(){\n    document.querySelectorAll('[data-interdata-carousel]').forEach(setupInterDataCarousel);\n  }\n\n  if(document.readyState==='loading'){\n    document.addEventListener('DOMContentLoaded',initInterDataCarousels);\n  }else{\n    initInterDataCarousels();\n  }\n})();\n<\/script>\n\n\t<div id=\"gap-1369965956\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1369965956 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n<p style=\"text-align: justify;\"><span style=\"font-size: 100%;\"><strong>Google Fonts<\/strong> l\u00e0 kho font ch\u1eef web mi\u1ec5n ph\u00ed \u0111\u01b0\u1ee3c d\u00f9ng nhi\u1ec1u nh\u1ea5t hi\u1ec7n nay, nh\u01b0ng nh\u00fang sai c\u00e1ch s\u1ebd g\u00e2y l\u1ed7i d\u1ea5u ti\u1ebfng Vi\u1ec7t, ch\u1eef nh\u1ea3y layout ho\u1eb7c trang ch\u1eadm \u0111i r\u00f5 r\u1ec7t v\u00ec ph\u1ea3i t\u1ea3i font t\u1eeb b\u00ean th\u1ee9 ba. B\u00e0i vi\u1ebft n\u00e0y c\u1ee7a <a style=\"background: linear-gradient(90deg, #1E3A8A 0%, #2563EB 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-decoration: none; font-weight: bold;\" href=\"\/\">InterData<\/a> h\u01b0\u1edbng d\u1eabn b\u1ea1n ch\u1ecdn font ph\u00f9 h\u1ee3p, nh\u00fang \u0111\u00fang chu\u1ea9n v\u00e0o HTML\/CSS l\u1eabn WordPress v\u00e0 t\u0103ng t\u1ed1c \u0111\u1ed9 t\u1ea3i font d\u1ef1a tr\u00ean kinh nghi\u1ec7m v\u1eadn h\u00e0nh h\u1ec7 th\u1ed1ng th\u1eadt.<br \/>\n<\/span><\/p>\n<div style=\"background-color: #eff6ff; padding: 20px; border: 1.5px solid #BFDBFE; border-radius: 12px; margin-bottom: 40px; box-shadow: 0 8px 20px rgba(37, 99, 235, 0.05);\">\n<p style=\"font-family: 'Be Vietnam Pro', sans-serif; font-weight: bold; font-size: 18px; margin-top: 0; margin-bottom: 15px; color: #1e3a8a;\">N\u1ed8I DUNG B\u00c0I VI\u1ebeT<\/p>\n<ul style=\"list-style-type: none; padding-left: 0; margin: 0;\">\n<li style=\"margin-bottom: 10px;\"><a style=\"text-decoration: none; color: #2563eb; font-weight: bold;\" href=\"#section1\">Google Fonts l\u00e0 g\u00ec? C\u00f3 mi\u1ec5n ph\u00ed v\u00e0 \u0111\u01b0\u1ee3c d\u00f9ng th\u01b0\u01a1ng m\u1ea1i kh\u00f4ng?<\/a><\/li>\n<li style=\"margin-bottom: 10px;\"><a style=\"text-decoration: none; color: #2563eb; font-weight: bold;\" href=\"#section2\">Google Fonts ho\u1ea1t \u0111\u1ed9ng th\u1ebf n\u00e0o?<\/a><\/li>\n<li style=\"margin-bottom: 10px;\"><a style=\"text-decoration: none; color: #2563eb; font-weight: bold;\" href=\"#section3\">C\u00e1ch ch\u1ecdn font ch\u1eef website: ti\u00eau ch\u00ed v\u00e0 g\u1ee3i \u00fd Google Fonts h\u1ed7 tr\u1ee3 ti\u1ebfng Vi\u1ec7t<\/a><\/li>\n<li style=\"margin-bottom: 10px;\"><a style=\"text-decoration: none; color: #2563eb; font-weight: bold;\" href=\"#section4\">C\u00e1ch nh\u00fang Google Fonts v\u00e0o website b\u1eb1ng HTML v\u00e0 CSS<\/a><\/li>\n<li style=\"margin-bottom: 10px;\"><a style=\"text-decoration: none; color: #2563eb; font-weight: bold;\" href=\"#section5\">C\u00e1ch c\u00e0i Google Fonts cho WordPress<\/a><\/li>\n<li style=\"margin-bottom: 10px;\"><a style=\"text-decoration: none; color: #2563eb; font-weight: bold;\" href=\"#section6\">C\u00e1ch t\u1ea3i Google Fonts v\u1ec1 m\u00e1y \u0111\u1ec3 d\u00f9ng offline<\/a><\/li>\n<li style=\"margin-bottom: 10px;\"><a style=\"text-decoration: none; color: #2563eb; font-weight: bold;\" href=\"#section7\">T\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 t\u1ea3i font: preconnect, font-display swap v\u00e0 self-host<\/a><\/li>\n<li style=\"margin-bottom: 10px;\"><a style=\"text-decoration: none; color: #2563eb; font-weight: bold;\" href=\"#section8\">C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 Google Fonts<\/a><\/li>\n<\/ul>\n<\/div>\n<h2 id=\"section1\" style=\"color: #1e3a8a; font-size: 24px; font-weight: bold; text-align: left; border-left: 5px solid #2563EB; padding-left: 15px; margin-top: 40px; margin-bottom: 20px; line-height: 1.4;\">Google Fonts l\u00e0 g\u00ec? C\u00f3 mi\u1ec5n ph\u00ed v\u00e0 \u0111\u01b0\u1ee3c d\u00f9ng th\u01b0\u01a1ng m\u1ea1i kh\u00f4ng?<\/h2>\n<p style=\"text-align: justify;\"><strong>Google Fonts l\u00e0 th\u01b0 vi\u1ec7n font ch\u1eef m\u00e3 ngu\u1ed3n m\u1edf do Google v\u1eadn h\u00e0nh t\u1ea1i fonts.google.com, cho ph\u00e9p nh\u00fang font v\u00e0o website ho\u1eb7c t\u1ea3i v\u1ec1 m\u00e1y ho\u00e0n to\u00e0n mi\u1ec5n ph\u00ed, k\u1ec3 c\u1ea3 cho m\u1ee5c \u0111\u00edch th\u01b0\u01a1ng m\u1ea1i.<\/strong> Ph\u1ea7n l\u1edbn font d\u00f9ng gi\u1ea5y ph\u00e9p SIL Open Font License (OFL), n\u00ean b\u1ea1n d\u00f9ng cho blog c\u00e1 nh\u00e2n, web b\u00e1n h\u00e0ng hay d\u1ef1 \u00e1n kh\u00e1ch h\u00e0ng \u0111\u1ec1u h\u1ee3p l\u1ec7.<\/p>\n<p style=\"text-align: justify;\">Ra m\u1eaft t\u1eeb n\u0103m 2010, th\u01b0 vi\u1ec7n n\u00e0y hi\u1ec7n c\u00f3 h\u01a1n 1.500 h\u1ecd font (con s\u1ed1 thay \u0111\u1ed5i theo th\u1eddi gian v\u00ec Google b\u1ed5 sung li\u00ean t\u1ee5c). Font ch\u1eef l\u00e0 l\u1edbp \u00e1o tr\u1ef1c ti\u1ebfp nh\u1ea5t c\u1ee7a giao di\u1ec7n \u2014 n\u1ebfu b\u1ea1n m\u1edbi b\u1eaft \u0111\u1ea7u, c\u00f3 th\u1ec3 \u0111\u1ecdc th\u00eam <a href=\"https:\/\/interdata.vn\/blog\/website-la-gi\/\">website l\u00e0 g\u00ec<\/a> \u0111\u1ec3 hi\u1ec3u font n\u1eb1m \u1edf \u0111\u00e2u trong t\u1ed5ng th\u1ec3 m\u1ed9t trang web.<\/p>\n<p style=\"text-align: justify;\">Ba \u0111i\u1ec3m khi\u1ebfn Google Fonts tr\u1edf th\u00e0nh l\u1ef1a ch\u1ecdn m\u1eb7c \u0111\u1ecbnh c\u1ee7a ng\u01b0\u1eddi l\u00e0m web:<\/p>\n<ul style=\"list-style-type: disc; padding-left: 20px; margin-bottom: 25px; color: #1f2937;\">\n<li style=\"margin-bottom: 10px;\"><strong>Mi\u1ec5n ph\u00ed v\u00e0 ph\u00e1p l\u00fd r\u00f5 r\u00e0ng:<\/strong> gi\u1ea5y ph\u00e9p m\u00e3 ngu\u1ed3n m\u1edf, kh\u00f4ng lo b\u1ecb \u0111\u00f2i ph\u00ed b\u1ea3n quy\u1ec1n khi web b\u1eaft \u0111\u1ea7u c\u00f3 doanh thu \u2014 \u0111i\u1ec1u v\u1eabn x\u1ea3y ra v\u1edbi font th\u01b0\u01a1ng m\u1ea1i crack.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>Kh\u00f4ng c\u1ea7n t\u1ef1 l\u01b0u file font:<\/strong> ch\u1ec9 c\u1ea7n m\u1ed9t d\u00f2ng nh\u00fang, Google lo ph\u1ea7n ph\u00e2n ph\u1ed1i file.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>H\u1ec7 sinh th\u00e1i h\u1ed7 tr\u1ee3 r\u1ed9ng:<\/strong> WordPress, Elementor, Figma, Canva \u0111\u1ec1u t\u00edch h\u1ee3p s\u1eb5n kho font n\u00e0y.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">L\u01b0u \u00fd duy nh\u1ea5t v\u1ec1 gi\u1ea5y ph\u00e9p: OFL cho ph\u00e9p d\u00f9ng, ch\u1ec9nh s\u1eeda, ph\u00e2n ph\u1ed1i l\u1ea1i, nh\u01b0ng kh\u00f4ng cho ph\u00e9p b\u00e1n l\u1ea1i ch\u00ednh file font nh\u01b0 m\u1ed9t s\u1ea3n ph\u1ea9m \u0111\u1ed9c l\u1eadp. V\u1edbi nhu c\u1ea7u l\u00e0m web th\u00f4ng th\u01b0\u1eddng, b\u1ea1n kh\u00f4ng \u0111\u1ee5ng \u0111\u1ebfn gi\u1edbi h\u1ea1n n\u00e0y.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42714\" src=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Google-fonts-la-gi.jpg\" alt=\"Google fonts l\u00e0 g\u00ec\" width=\"700\" height=\"467\" title=\"\" srcset=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Google-fonts-la-gi.jpg 700w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Google-fonts-la-gi-300x200.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<h2 id=\"section2\" style=\"color: #1e3a8a; font-size: 24px; font-weight: bold; text-align: left; border-left: 5px solid #2563EB; padding-left: 15px; margin-top: 40px; margin-bottom: 20px; line-height: 1.4;\">Google Fonts ho\u1ea1t \u0111\u1ed9ng th\u1ebf n\u00e0o?<\/h2>\n<p style=\"text-align: justify;\"><strong>Khi b\u1ea1n nh\u00fang Google Fonts, tr\u00ecnh duy\u1ec7t t\u1ea3i m\u1ed9t file CSS t\u1eeb fonts.googleapis.com, file n\u00e0y tr\u1ecf \u0111\u1ebfn c\u00e1c file font \u0111\u1ecbnh d\u1ea1ng WOFF2 \u0111\u1eb7t tr\u00ean fonts.gstatic.com. Font \u0111\u01b0\u1ee3c ph\u00e2n ph\u1ed1i qua h\u1ea1 t\u1ea7ng m\u00e1y ch\u1ee7 to\u00e0n c\u1ea7u c\u1ee7a Google, n\u00ean ng\u01b0\u1eddi d\u00f9ng \u1edf \u0111\u00e2u c\u0169ng t\u1ea3i t\u1eeb \u0111i\u1ec3m g\u1ea7n nh\u1ea5t.<\/strong><\/p>\n<p style=\"text-align: justify;\">C\u01a1 ch\u1ebf ph\u00e2n ph\u1ed1i n\u00e0y ch\u00ednh l\u00e0 m\u00f4 h\u00ecnh <a href=\"https:\/\/interdata.vn\/blog\/cdn-la-gi\/\">CDN<\/a>: thay v\u00ec m\u1ecdi request \u0111\u1ed5 v\u1ec1 m\u1ed9t m\u00e1y ch\u1ee7 duy nh\u1ea5t, file font \u0111\u01b0\u1ee3c nh\u00e2n b\u1ea3n ra nhi\u1ec1u \u0111i\u1ec3m tr\u00ean th\u1ebf gi\u1edbi. Ng\u01b0\u1eddi d\u00f9ng \u1edf Vi\u1ec7t Nam t\u1ea3i font t\u1eeb node g\u1ea7n Vi\u1ec7t Nam, kh\u00f4ng ph\u1ea3i k\u00e9o t\u1eeb M\u1ef9 v\u1ec1.<\/p>\n<p style=\"text-align: justify;\">V\u00e0i chi ti\u1ebft k\u1ef9 thu\u1eadt \u0111\u00e1ng bi\u1ebft tr\u01b0\u1edbc khi nh\u00fang:<\/p>\n<ul style=\"list-style-type: disc; padding-left: 20px; margin-bottom: 25px; color: #1f2937;\">\n<li style=\"margin-bottom: 10px;\"><strong>WOFF2:<\/strong> \u0111\u1ecbnh d\u1ea1ng web font n\u00e9n t\u1ed1t nh\u1ea5t hi\u1ec7n t\u1ea1i, nh\u1eb9 h\u01a1n TTF\/OTF r\u00f5 r\u1ec7t. Google Fonts t\u1ef1 ch\u1ecdn \u0111\u1ecbnh d\u1ea1ng ph\u00f9 h\u1ee3p theo tr\u00ecnh duy\u1ec7t, b\u1ea1n kh\u00f4ng ph\u1ea3i x\u1eed l\u00fd th\u1ee7 c\u00f4ng.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>Subset theo ng\u00f4n ng\u1eef:<\/strong> file CSS c\u1ee7a Google d\u00f9ng <code>unicode-range<\/code> \u0111\u1ec3 chia font th\u00e0nh c\u00e1c g\u00f3i k\u00fd t\u1ef1 (latin, vietnamese&#8230;). Tr\u00ecnh duy\u1ec7t ch\u1ec9 t\u1ea3i g\u00f3i k\u00fd t\u1ef1 trang th\u1ef1c s\u1ef1 d\u00f9ng \u2014 ng\u01b0\u1eddi \u0111\u1ecdc trang ti\u1ebfng Vi\u1ec7t m\u1edbi t\u1ea3i g\u00f3i vietnamese.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>Variable font:<\/strong> nhi\u1ec1u font m\u1edbi gom to\u00e0n b\u1ed9 \u0111\u1ed9 \u0111\u1eadm nh\u1ea1t v\u00e0o m\u1ed9t file duy nh\u1ea5t thay v\u00ec m\u1ed7i weight m\u1ed9t file, gi\u1ea3m s\u1ed1 request khi b\u1ea1n c\u1ea7n nhi\u1ec1u weight.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">M\u1eb7t tr\u00e1i: font t\u1ea3i t\u1eeb m\u00e1y ch\u1ee7 b\u00ean th\u1ee9 ba ngh\u0129a l\u00e0 b\u1ea1n kh\u00f4ng ki\u1ec3m so\u00e1t \u0111\u01b0\u1ee3c k\u1ebft n\u1ed1i \u0111\u00f3. Tr\u00ecnh duy\u1ec7t ph\u1ea3i m\u1edf th\u00eam k\u1ebft n\u1ed1i \u0111\u1ebfn hai domain c\u1ee7a Google tr\u01b0\u1edbc khi v\u1ebd \u0111\u01b0\u1ee3c ch\u1eef. \u0110\u00e2y l\u00e0 g\u1ed1c r\u1ec5 c\u1ee7a v\u1ea5n \u0111\u1ec1 t\u1ed1c \u0111\u1ed9 m\u00e0 ph\u1ea7n cu\u1ed1i b\u00e0i s\u1ebd x\u1eed l\u00fd.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42716\" src=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/So-do-nguyen-ly-hoat-dong-cua-Google-Fonts.jpg\" alt=\"S\u01a1 \u0111\u1ed3 nguy\u00ean l\u00fd ho\u1ea1t \u0111\u1ed9ng c\u1ee7a Google Fonts\" width=\"700\" height=\"467\" title=\"\" srcset=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/So-do-nguyen-ly-hoat-dong-cua-Google-Fonts.jpg 700w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/So-do-nguyen-ly-hoat-dong-cua-Google-Fonts-300x200.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<h2 id=\"section3\" style=\"color: #1e3a8a; font-size: 24px; font-weight: bold; text-align: left; border-left: 5px solid #2563EB; padding-left: 15px; margin-top: 40px; margin-bottom: 20px; line-height: 1.4;\">C\u00e1ch ch\u1ecdn font ch\u1eef website: ti\u00eau ch\u00ed v\u00e0 g\u1ee3i \u00fd Google Fonts h\u1ed7 tr\u1ee3 ti\u1ebfng Vi\u1ec7t<\/h2>\n<p style=\"text-align: justify;\">Ch\u1ecdn font sai g\u00e2y hai h\u1eadu qu\u1ea3 c\u1ee5 th\u1ec3: ch\u1eef ti\u1ebfng Vi\u1ec7t v\u1ee1 d\u1ea5u (d\u1ea5u h\u1ecfi, d\u1ea5u ng\u00e3 hi\u1ec3n th\u1ecb b\u1eb1ng font fallback l\u1ec7ch t\u00f4ng) v\u00e0 ng\u01b0\u1eddi \u0111\u1ecdc m\u1ecfi m\u1eaft tr\u00ean mobile. Tr\u01b0\u1edbc khi th\u1ea5y font &#8220;\u0111\u1eb9p&#8221;, h\u00e3y l\u1ecdc theo b\u1ed1n ti\u00eau ch\u00ed sau.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">4 ti\u00eau ch\u00ed l\u1ecdc font cho web ti\u1ebfng Vi\u1ec7t<\/h3>\n<ul style=\"list-style-type: disc; padding-left: 20px; margin-bottom: 25px; color: #1f2937;\">\n<li style=\"margin-bottom: 10px;\"><strong>H\u1ed7 tr\u1ee3 ti\u1ebfng Vi\u1ec7t \u0111\u1ea7y \u0111\u1ee7:<\/strong> tr\u00ean fonts.google.com, l\u1ecdc Language \u2192 Vietnamese, sau \u0111\u00f3 g\u00f5 th\u1eed c\u00e2u c\u00f3 \u0111\u1ee7 d\u1ea5u nh\u01b0 &#8220;\u0110\u01b0\u1eddng h\u1ebbm ng\u00f5 nh\u1ecf&#8221; v\u00e0o \u00f4 preview. Font thi\u1ebfu k\u00fd t\u1ef1 ti\u1ebfng Vi\u1ec7t s\u1ebd l\u1ed9 ngay: d\u1ea5u l\u1ec7ch, ch\u1eef \u1ec5\/\u1edf hi\u1ec3n th\u1ecb b\u1eb1ng font kh\u00e1c.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>\u0110\u1ee7 weight c\u1ea7n d\u00f9ng nh\u01b0ng kh\u00f4ng th\u1eeba:<\/strong> t\u1ed1i thi\u1ec3u c\u1ea7n Regular (400) cho th\u00e2n b\u00e0i v\u00e0 Bold (700) cho heading. M\u1ed7i weight nh\u00fang th\u00eam l\u00e0 th\u00eam dung l\u01b0\u1ee3ng t\u1ea3i.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>D\u1ec5 \u0111\u1ecdc \u1edf c\u1ee1 nh\u1ecf tr\u00ean mobile:<\/strong> font c\u00f3 x-height cao, kho\u1ea3ng c\u00e1ch k\u00fd t\u1ef1 tho\u00e1ng s\u1ebd \u0111\u1ecdc t\u1ed1t \u1edf 14-16px. Font trang tr\u00ed ch\u1ec9 n\u00ean d\u00e0nh cho heading l\u1edbn.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>C\u1eb7p heading\u2013body h\u00e0i h\u00f2a:<\/strong> c\u00f4ng th\u1ee9c an to\u00e0n l\u00e0 heading d\u00f9ng font c\u00f3 c\u00e1 t\u00ednh, body d\u00f9ng font trung t\u00ednh. Ho\u1eb7c \u0111\u01a1n gi\u1ea3n h\u01a1n: m\u1ed9t font duy nh\u1ea5t, ph\u00e2n c\u1ea5p b\u1eb1ng weight v\u00e0 c\u1ee1 ch\u1eef.<\/li>\n<\/ul>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">5 Google Fonts ti\u1ebfng Vi\u1ec7t \u0111\u00e1ng d\u00f9ng<\/h3>\n<p style=\"text-align: justify;\">\u0110\u00e2y l\u00e0 nh\u1eefng font t\u00f4i \u0111\u00e3 d\u00f9ng tr\u00ean c\u00e1c d\u1ef1 \u00e1n web ti\u1ebfng Vi\u1ec7t th\u1eadt, d\u1ea5u hi\u1ec3n th\u1ecb chu\u1ea9n v\u00e0 \u0111\u1ee7 weight:<\/p>\n<ul style=\"list-style-type: disc; padding-left: 20px; margin-bottom: 25px; color: #1f2937;\">\n<li style=\"margin-bottom: 10px;\"><strong>Be Vietnam Pro:<\/strong> thi\u1ebft k\u1ebf ri\u00eang cho ti\u1ebfng Vi\u1ec7t, d\u1ea5u \u0111\u1eb7t chu\u1ea9n, 9 weight. H\u1ee3p c\u1ea3 heading l\u1eabn body, \u0111\u1eb7c bi\u1ec7t v\u1edbi web th\u01b0\u01a1ng hi\u1ec7u Vi\u1ec7t.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>Inter:<\/strong> chu\u1ea9n m\u1ef1c cho giao di\u1ec7n \u1ee9ng d\u1ee5ng v\u00e0 dashboard, \u0111\u1ecdc t\u1ed1t \u1edf c\u1ee1 nh\u1ecf, c\u00f3 variable font.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>Roboto:<\/strong> an to\u00e0n, quen m\u1eaft, render \u1ed5n \u0111\u1ecbnh tr\u00ean m\u1ecdi thi\u1ebft b\u1ecb. Nh\u01b0\u1ee3c \u0111i\u1ec3m l\u00e0 qu\u00e1 ph\u1ed5 bi\u1ebfn n\u00ean kh\u00f3 t\u1ea1o kh\u00e1c bi\u1ec7t.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>Nunito:<\/strong> bo tr\u00f2n, th\u00e2n thi\u1ec7n, h\u1ee3p web gi\u00e1o d\u1ee5c, d\u1ecbch v\u1ee5 h\u01b0\u1edbng ng\u01b0\u1eddi d\u00f9ng c\u00e1 nh\u00e2n.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>Montserrat:<\/strong> heading kh\u1ecfe, h\u00ecnh h\u1ecdc r\u00f5 r\u00e0ng. N\u00ean gh\u00e9p v\u1edbi body font trung t\u00ednh nh\u01b0 Inter ho\u1eb7c Roboto thay v\u00ec d\u00f9ng cho \u0111o\u1ea1n v\u0103n d\u00e0i.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Quan \u0111i\u1ec3m c\u1ee7a t\u00f4i sau nhi\u1ec1u d\u1ef1 \u00e1n: m\u1ed9t website ch\u1ec9 n\u00ean d\u00f9ng t\u1ed1i \u0111a 2 h\u1ecd font. T\u1eeb font th\u1ee9 ba tr\u1edf \u0111i, trang v\u1eeba ch\u1eadm h\u01a1n v\u1eeba r\u1ed1i m\u1eaft, v\u00e0 g\u1ea7n nh\u01b0 kh\u00f4ng c\u00f3 l\u00fd do thi\u1ebft k\u1ebf n\u00e0o bi\u1ec7n minh \u0111\u01b0\u1ee3c.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42712\" src=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/5-Google-Fonts-tieng-Viet-dang-dung.jpg\" alt=\"5 Google Fonts ti\u1ebfng Vi\u1ec7t \u0111\u00e1ng d\u00f9ng\" width=\"700\" height=\"467\" title=\"\" srcset=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/5-Google-Fonts-tieng-Viet-dang-dung.jpg 700w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/5-Google-Fonts-tieng-Viet-dang-dung-300x200.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<h2 id=\"section4\" style=\"color: #1e3a8a; font-size: 24px; font-weight: bold; text-align: left; border-left: 5px solid #2563EB; padding-left: 15px; margin-top: 40px; margin-bottom: 20px; line-height: 1.4;\">C\u00e1ch nh\u00fang Google Fonts v\u00e0o website b\u1eb1ng HTML v\u00e0 CSS<\/h2>\n<p style=\"text-align: justify;\">C\u00f3 hai c\u00e1ch nh\u00fang ph\u1ed5 bi\u1ebfn: th\u1ebb <code>&lt;link&gt;<\/code> trong HTML v\u00e0 <code>@import<\/code> trong CSS. C\u1ea3 hai \u0111\u1ec1u l\u1ea5y \u0111\u01b0\u1ee3c font, nh\u01b0ng kh\u00e1c nhau v\u1ec1 t\u1ed1c \u0111\u1ed9. L\u00e0m theo t\u1eebng b\u01b0\u1edbc d\u01b0\u1edbi \u0111\u00e2y, \u0111i\u1ec1u ki\u1ec7n duy nh\u1ea5t l\u00e0 b\u1ea1n s\u1eeda \u0111\u01b0\u1ee3c file HTML\/CSS c\u1ee7a trang.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">B\u01b0\u1edbc 1-4: Nh\u00fang b\u1eb1ng th\u1ebb link trong HTML (khuy\u1ebfn ngh\u1ecb)<\/h3>\n<ol style=\"padding-left: 20px; margin-bottom: 25px; color: #1f2937;\">\n<li style=\"margin-bottom: 10px;\">V\u00e0o fonts.google.com, ch\u1ecdn font v\u00e0 c\u00e1c weight c\u1ea7n d\u00f9ng (v\u00ed d\u1ee5 Be Vietnam Pro 400, 600, 700).<\/li>\n<li style=\"margin-bottom: 10px;\">M\u1edf panel &#8220;Get embed code&#8221;, ch\u1ecdn ph\u01b0\u01a1ng \u00e1n <code>&lt;link&gt;<\/code> v\u00e0 copy \u0111o\u1ea1n m\u00e3.<\/li>\n<li style=\"margin-bottom: 10px;\">D\u00e1n v\u00e0o trong th\u1ebb <code>&lt;head&gt;<\/code> c\u1ee7a trang, c\u00e0ng g\u1ea7n \u0111\u1ea7u c\u00e0ng t\u1ed1t. N\u1ebfu ch\u01b0a quen c\u1ea5u tr\u00fac th\u1ebb head, xem l\u1ea1i <a href=\"https:\/\/interdata.vn\/blog\/html-la-gi\/\">HTML l\u00e0 g\u00ec<\/a>.<\/li>\n<li style=\"margin-bottom: 10px;\">Khai b\u00e1o <code>font-family<\/code> trong CSS cho ph\u1ea7n t\u1eed c\u1ea7n \u00e1p d\u1ee5ng.<\/li>\n<\/ol>\n<pre>&lt;!-- \u0110\u1eb7t trong &lt;head&gt; --&gt;\r\n&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"&gt;\r\n&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin&gt;\r\n&lt;link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@400;600;700&amp;display=swap\" rel=\"stylesheet\"&gt;<\/pre>\n<pre>\/* Trong file CSS *\/\r\nbody {\r\n  font-family: 'Be Vietnam Pro', Arial, sans-serif;\r\n}<\/pre>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">C\u00e1ch 2: Nh\u00fang b\u1eb1ng @import trong CSS<\/h3>\n<p style=\"text-align: justify;\">N\u1ebfu b\u1ea1n ch\u1ec9 s\u1eeda \u0111\u01b0\u1ee3c file CSS (kh\u00f4ng \u0111\u1ee5ng \u0111\u01b0\u1ee3c v\u00e0o HTML), d\u00f9ng <code>@import<\/code> \u0111\u1eb7t \u1edf d\u00f2ng \u0111\u1ea7u ti\u00ean c\u1ee7a stylesheet. Thu\u1ed9c t\u00ednh <code>font-family<\/code> v\u00e0 quy t\u1eafc <code>@import<\/code> \u0111\u1ec1u l\u00e0 ki\u1ebfn th\u1ee9c n\u1ec1n c\u1ee7a <a href=\"https:\/\/interdata.vn\/blog\/css-la-gi\/\">CSS<\/a>, n\u1eafm ch\u1eafc ph\u1ea7n n\u00e0y th\u00ec m\u1ecdi thao t\u00e1c v\u1edbi font \u0111\u1ec1u d\u1ec5 hi\u1ec3u h\u01a1n.<\/p>\n<pre>\/* D\u00f2ng \u0111\u1ea7u ti\u00ean c\u1ee7a file CSS *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:wght@400;600;700&amp;display=swap');\r\n\r\nbody {\r\n  font-family: 'Be Vietnam Pro', Arial, sans-serif;\r\n}<\/pre>\n<p style=\"text-align: justify;\"><strong>N\u00ean d\u00f9ng c\u00e1ch n\u00e0o?<\/strong> D\u00f9ng th\u1ebb <code>&lt;link&gt;<\/code>. L\u00fd do k\u1ef9 thu\u1eadt: tr\u00ecnh duy\u1ec7t ph\u00e1t hi\u1ec7n th\u1ebb link ngay khi \u0111\u1ecdc HTML v\u00e0 t\u1ea3i font song song v\u1edbi c\u00e1c t\u00e0i nguy\u00ean kh\u00e1c. V\u1edbi <code>@import<\/code>, tr\u00ecnh duy\u1ec7t ph\u1ea3i t\u1ea3i v\u00e0 \u0111\u1ecdc xong file CSS r\u1ed3i m\u1edbi bi\u1ebft c\u1ea7n t\u1ea3i th\u00eam font \u2014 t\u1ea1o th\u00e0nh chu\u1ed7i request n\u1ed1i ti\u1ebfp, ch\u1eef hi\u1ec7n ch\u1eadm h\u01a1n. <code>@import<\/code> ch\u1ec9 l\u00e0 ph\u01b0\u01a1ng \u00e1n ch\u1eefa ch\u00e1y khi b\u1ea1n kh\u00f4ng c\u00f3 quy\u1ec1n s\u1eeda HTML.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">Ki\u1ec3m tra k\u1ebft qu\u1ea3 v\u00e0 3 l\u1ed7i th\u01b0\u1eddng g\u1eb7p<\/h3>\n<p style=\"text-align: justify;\">M\u1edf trang, nh\u1ea5n F12 \u2192 tab Network \u2192 l\u1ecdc &#8220;Font&#8221;. Th\u1ea5y file WOFF2 t\u1ea3i v\u1ec1 v\u1edbi status 200 l\u00e0 nh\u00fang th\u00e0nh c\u00f4ng. N\u1ebfu ch\u1eef v\u1eabn kh\u00f4ng \u0111\u1ed5i, soi ba l\u1ed7i sau:<\/p>\n<ul style=\"list-style-type: disc; padding-left: 20px; margin-bottom: 25px; color: #1f2937;\">\n<li style=\"margin-bottom: 10px;\"><strong>Font kh\u00f4ng \u0111\u1ed5i:<\/strong> th\u01b0\u1eddng do g\u00f5 sai t\u00ean font trong <code>font-family<\/code> (ph\u1ea3i kh\u1edbp t\u1eebng k\u00fd t\u1ef1, c\u00f3 kho\u1ea3ng tr\u1eafng th\u00ec b\u1ecdc trong d\u1ea5u nh\u00e1y), ho\u1eb7c m\u1ed9t rule CSS kh\u00e1c c\u00f3 \u0111\u1ed9 \u01b0u ti\u00ean cao h\u01a1n \u0111\u00e8 l\u00ean. Ki\u1ec3m tra b\u1eb1ng tab Elements \u2192 Computed \u2192 font-family.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>Ti\u1ebfng Vi\u1ec7t l\u1ed7i d\u1ea5u:<\/strong> font \u0111\u00e3 \u0103n nh\u01b0ng k\u00fd t\u1ef1 c\u00f3 d\u1ea5u hi\u1ec3n th\u1ecb l\u1ec7ch \u2014 font \u0111\u00f3 kh\u00f4ng h\u1ed7 tr\u1ee3 subset vietnamese, ho\u1eb7c URL nh\u00fang thi\u1ebfu g\u00f3i k\u00fd t\u1ef1 ti\u1ebfng Vi\u1ec7t. Quay l\u1ea1i b\u01b0\u1edbc ch\u1ecdn font, l\u1ecdc Language \u2192 Vietnamese.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>Ch\u1eef nh\u00e1y ho\u1eb7c tr\u1eafng trang l\u00fac t\u1ea3i (FOUT\/FOIT):<\/strong> tr\u00ecnh duy\u1ec7t ch\u1edd font v\u1ec1 m\u1edbi v\u1ebd ch\u1eef (FOIT) ho\u1eb7c v\u1ebd font t\u1ea1m r\u1ed3i thay (FOUT). Gi\u1eef tham s\u1ed1 <code>display=swap<\/code> trong URL nh\u00fang \u0111\u1ec3 ch\u1eef lu\u00f4n hi\u1ec7n ngay b\u1eb1ng font h\u1ec7 th\u1ed1ng, tr\u00e1nh m\u00e0n h\u00ecnh tr\u1eafng.<\/li>\n<\/ul>\n<h2 id=\"section5\" style=\"color: #1e3a8a; font-size: 24px; font-weight: bold; text-align: left; border-left: 5px solid #2563EB; padding-left: 15px; margin-top: 40px; margin-bottom: 20px; line-height: 1.4;\">C\u00e1ch c\u00e0i Google Fonts cho WordPress<\/h2>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/interdata.vn\/blog\/wordpress-la-gi\/\">WordPress<\/a> l\u00e0 n\u1ec1n t\u1ea3ng ph\u1ed5 bi\u1ebfn nh\u1ea5t \u0111\u1ec3 \u00e1p d\u1ee5ng Google Fonts, v\u00e0 b\u1ea1n c\u00f3 ba con \u0111\u01b0\u1eddng: d\u00f9ng t\u00f9y ch\u1ecdn s\u1eb5n c\u1ee7a theme, d\u00f9ng plugin, ho\u1eb7c ch\u1ecdn font trong page builder. C\u00e1ch \u00e1p d\u1ee5ng c\u1ee5 th\u1ec3 ph\u1ee5 thu\u1ed9c theme v\u00e0 phi\u00ean b\u1ea3n b\u1ea1n \u0111ang ch\u1ea1y.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">C\u00e1ch 1: D\u00f9ng t\u00f9y ch\u1ecdn c\u00f3 s\u1eb5n c\u1ee7a theme<\/h3>\n<p style=\"text-align: justify;\">\u0110a s\u1ed1 theme tr\u1ea3 ph\u00ed (Astra, GeneratePress, Flatsome&#8230;) t\u00edch h\u1ee3p s\u1eb5n kho Google Fonts trong ph\u1ea7n Customizer \u2192 Typography. B\u1ea1n ch\u1ec9 c\u1ea7n ch\u1ecdn font, ch\u1ecdn weight, b\u1ea5m Publish. V\u1ecb tr\u00ed menu kh\u00e1c nhau gi\u1eefa c\u00e1c theme, nh\u01b0ng logic chung l\u00e0 t\u00ecm m\u1ee5c Typography ho\u1eb7c Fonts trong Customizer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42717\" src=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Cach-cai-Google-Fonts-cho-WordPress-1.jpg\" alt=\"C\u00e1ch c\u00e0i Google Fonts cho WordPress\" width=\"344\" height=\"410\" title=\"\" srcset=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Cach-cai-Google-Fonts-cho-WordPress-1.jpg 344w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Cach-cai-Google-Fonts-cho-WordPress-1-252x300.jpg 252w\" sizes=\"auto, (max-width: 344px) 100vw, 344px\" \/><\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">C\u00e1ch 2: D\u00f9ng plugin khi theme kh\u00f4ng h\u1ed7 tr\u1ee3<\/h3>\n<p style=\"text-align: justify;\">Theme mi\u1ec5n ph\u00ed th\u01b0\u1eddng gi\u1edbi h\u1ea1n l\u1ef1a ch\u1ecdn font. Khi \u0111\u00f3, c\u00e1c <a href=\"https:\/\/interdata.vn\/blog\/plugin-font-chu-cho-wordpress\/\">plugin font ch\u1eef cho WordPress<\/a> nh\u01b0 Easy Google Fonts hay Fonts Plugin cho ph\u00e9p g\u00e1n font cho t\u1eebng th\u00e0nh ph\u1ea7n (heading, body, menu) m\u00e0 kh\u00f4ng c\u1ea7n vi\u1ebft CSS. Nguy\u00ean t\u1eafc ch\u1ecdn plugin: \u01b0u ti\u00ean plugin c\u00f3 t\u00f9y ch\u1ecdn host font t\u1ea1i m\u00e1y ch\u1ee7 c\u1ee7a b\u1ea1n, v\u1eeba nhanh v\u1eeba ch\u1ee7 \u0111\u1ed9ng v\u1ec1 d\u1eef li\u1ec7u.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42711\" src=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Plugin-font-chu.png\" alt=\"Plugin font ch\u1eef\" width=\"700\" height=\"339\" title=\"\" srcset=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Plugin-font-chu.png 700w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Plugin-font-chu-300x145.png 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">C\u00e1ch 3: Ch\u1ecdn font trong Elementor<\/h3>\n<p style=\"text-align: justify;\">N\u1ebfu b\u1ea1n d\u1ef1ng trang b\u1eb1ng <a href=\"https:\/\/interdata.vn\/blog\/elementor-la-gi\/\">Elementor<\/a>, m\u1ed7i widget v\u0103n b\u1ea3n \u0111\u1ec1u c\u00f3 m\u1ee5c Style \u2192 Typography v\u1edbi to\u00e0n b\u1ed9 kho Google Fonts. M\u1eb9o quan tr\u1ecdng: \u0111\u1eb7t font \u1edf Site Settings \u2192 Global Fonts thay v\u00ec ch\u1ec9nh t\u1eebng widget. Ch\u1ec9nh l\u1ebb t\u1eebng ch\u1ed7 s\u1ebd t\u1ea1o ra m\u1ed9t trang d\u00f9ng 5-7 font kh\u00e1c nhau l\u00fac n\u00e0o kh\u00f4ng hay \u2014 v\u1eeba n\u1eb7ng v\u1eeba x\u1ea5u.<\/p>\n<p style=\"text-align: justify;\">Checklist sau khi c\u00e0i font cho WordPress:<\/p>\n<ul style=\"list-style-type: disc; padding-left: 20px; margin-bottom: 25px; color: #1f2937;\">\n<li style=\"margin-bottom: 10px;\">G\u00f5 th\u1eed \u0111o\u1ea1n ti\u1ebfng Vi\u1ec7t \u0111\u1ee7 d\u1ea5u \u1edf c\u1ea3 heading l\u1eabn body, xem tr\u00ean c\u1ea3 desktop v\u00e0 \u0111i\u1ec7n tho\u1ea1i.<\/li>\n<li style=\"margin-bottom: 10px;\">X\u00f3a cache (plugin cache v\u00e0 cache tr\u00ecnh duy\u1ec7t) tr\u01b0\u1edbc khi k\u1ebft lu\u1eadn font kh\u00f4ng \u0103n.<\/li>\n<li style=\"margin-bottom: 10px;\">Ch\u1ea1y PageSpeed Insights tr\u01b0\u1edbc v\u00e0 sau khi th\u00eam font \u0111\u1ec3 bi\u1ebft font &#8220;ng\u1ed1n&#8221; bao nhi\u00eau \u0111i\u1ec3m t\u1ed1c \u0111\u1ed9.<\/li>\n<\/ul>\n<div style=\"display: flex; flex-wrap: wrap; background-color: #fff; border: 1.5px solid #BFDBFE; box-shadow: 0 8px 20px rgba(37,99,235,0.08); border-radius: 12px; overflow: hidden; margin: 35px 0;\">\n<div style=\"flex: 1; min-width: 250px; background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); display: flex; align-items: center; justify-content: center; padding: 30px; text-align: center;\">\n<div>\n<p style=\"color: white; font-size: 34px; font-family: 'Be Vietnam Pro', sans-serif; font-weight: bold; margin: 0; line-height: 1.1;\">Thu\u00ea VPS InterData<\/p>\n<p style=\"color: #dbeafe; font-size: 15px; font-weight: 600; margin-top: 12px;\">SSD NVMe U.2 \u00b7 CPU th\u1ebf h\u1ec7 m\u1edbi \u00b7 H\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt 24\/7<\/p>\n<\/div>\n<\/div>\n<div style=\"flex: 2; padding: 25px; min-width: 300px;\">\n<h3 style=\"font-family: 'Be Vietnam Pro', sans-serif; color: #1e3a8a; margin-top: 0; font-size: 20px;\">Font \u0111\u00e3 chu\u1ea9n nh\u01b0ng web WordPress v\u1eabn ch\u1eadm?<\/h3>\n<p style=\"text-align: justify; font-size: 15px; margin-bottom: 15px;\">Font ch\u1ec9 l\u00e0 m\u1ed9t m\u1eaft x\u00edch. N\u1ebfu hosting ph\u1ea3n h\u1ed3i ch\u1eadm, trang v\u1eabn \u00ec d\u00f9 b\u1ea1n \u0111\u00e3 g\u1ecdn font \u0111\u1ebfn \u0111\u00e2u. VPS t\u1ea1i InterData ch\u1ea1y SSD NVMe U.2 v\u00e0 cho to\u00e0n quy\u1ec1n root \u0111\u1ec3 b\u1ea1n c\u00e0i LiteSpeed\/Nginx, b\u1eadt n\u00e9n v\u00e0 cache theo \u00fd m\u00ecnh \u2014 n\u1ec1n t\u1ea3ng c\u1ea7n c\u00f3 tr\u01b0\u1edbc khi t\u00ednh \u0111\u1ebfn self-host font.<\/p>\n<p><a style=\"background: linear-gradient(90deg, #2563EB 0%, #1E3A8A 100%); color: white; padding: 12px 25px; text-decoration: none; font-weight: 600; border-radius: 8px; font-size: 15px; display: inline-block; box-shadow: 0 5px 15px rgba(37,99,235,0.3);\" href=\"https:\/\/interdata.vn\/thue-vps\/\" target=\"_blank\" rel=\"noopener\">Xem c\u1ea5u h\u00ecnh VPS \u27f6<\/a><\/p>\n<\/div>\n<\/div>\n<h2 id=\"section6\" style=\"color: #1e3a8a; font-size: 24px; font-weight: bold; text-align: left; border-left: 5px solid #2563EB; padding-left: 15px; margin-top: 40px; margin-bottom: 20px; line-height: 1.4;\">C\u00e1ch t\u1ea3i Google Fonts v\u1ec1 m\u00e1y \u0111\u1ec3 d\u00f9ng offline<\/h2>\n<p style=\"text-align: justify;\"><strong>B\u1ea1n t\u1ea3i Google Fonts v\u1ec1 m\u00e1y b\u1eb1ng c\u00e1ch v\u00e0o <a href=\"https:\/\/fonts.google.com\/\" target=\"_blank\" rel=\"noopener\">fonts.google.com<\/a>, m\u1edf trang font mu\u1ed1n d\u00f9ng v\u00e0 b\u1ea5m n\u00fat Download family. File t\u1ea3i v\u1ec1 l\u00e0 g\u00f3i ZIP ch\u1ee9a font \u0111\u1ecbnh d\u1ea1ng TTF (ho\u1eb7c file variable font), gi\u1ea3i n\u00e9n ra l\u00e0 c\u00e0i \u0111\u01b0\u1ee3c v\u00e0o Windows hay macOS.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-42713\" src=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Cach-tai-Google-Fonts-ve-may-de-dung-offline.jpg\" alt=\"C\u00e1ch t\u1ea3i Google Fonts v\u1ec1 m\u00e1y \u0111\u1ec3 d\u00f9ng offline\" width=\"700\" height=\"467\" title=\"\" srcset=\"https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Cach-tai-Google-Fonts-ve-may-de-dung-offline.jpg 700w, https:\/\/interdata.vn\/blog\/wp-content\/uploads\/2026\/07\/Cach-tai-Google-Fonts-ve-may-de-dung-offline-300x200.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p style=\"text-align: justify;\">C\u00e1ch c\u00e0i sau khi gi\u1ea3i n\u00e9n ph\u1ee5 thu\u1ed9c h\u1ec7 \u0111i\u1ec1u h\u00e0nh:<\/p>\n<ol style=\"padding-left: 20px; margin-bottom: 25px; color: #1f2937;\">\n<li style=\"margin-bottom: 10px;\"><strong>Windows:<\/strong> ch\u1ecdn to\u00e0n b\u1ed9 file .ttf, chu\u1ed9t ph\u1ea3i \u2192 Install (ho\u1eb7c Install for all users n\u1ebfu m\u00e1y c\u00f3 nhi\u1ec1u t\u00e0i kho\u1ea3n). \u00c1p d\u1ee5ng cho Windows 10\/11; b\u1ea3n c\u0169 h\u01a1n c\u00f3 th\u1ec3 ph\u1ea3i k\u00e9o font v\u00e0o th\u01b0 m\u1ee5c C:\\Windows\\Fonts.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>macOS:<\/strong> m\u1edf file font \u2192 b\u1ea5m Install Font trong c\u1eeda s\u1ed5 Font Book.<\/li>\n<li style=\"margin-bottom: 10px;\"><strong>Ki\u1ec3m tra:<\/strong> m\u1edf Photoshop, Canva (b\u1ea3n desktop) ho\u1eb7c Word, g\u00f5 t\u00ean font trong danh s\u00e1ch. \u1ee8ng d\u1ee5ng \u0111ang m\u1edf s\u1eb5n c\u1ea7n kh\u1edfi \u0111\u1ed9ng l\u1ea1i m\u1edbi nh\u1eadn font m\u1edbi.<\/li>\n<\/ol>\n<p style=\"text-align: justify;\">Hai l\u01b0u \u00fd t\u1eeb th\u1ef1c t\u1ebf. Th\u1ee9 nh\u1ea5t, Canva b\u1ea3n web d\u00f9ng kho font ri\u00eang \u2014 font c\u00e0i v\u00e0o m\u00e1y ch\u1ec9 hi\u1ec7n trong Canva n\u1ebfu b\u1ea1n d\u00f9ng g\u00f3i tr\u1ea3 ph\u00ed c\u00f3 t\u00ednh n\u0103ng upload font th\u01b0\u01a1ng hi\u1ec7u. Th\u1ee9 hai, file TTF t\u1ea3i v\u1ec1 l\u00e0 \u0111\u1ec3 d\u00f9ng tr\u00ean m\u00e1y; \u0111\u1eebng up th\u1eb3ng TTF l\u00ean web v\u00ec n\u1eb7ng h\u01a1n WOFF2 nhi\u1ec1u, ph\u1ea7n self-host b\u00ean d\u01b0\u1edbi c\u00f3 c\u00e1ch l\u00e0m \u0111\u00fang.<\/p>\n<h2 id=\"section7\" style=\"color: #1e3a8a; font-size: 24px; font-weight: bold; text-align: left; border-left: 5px solid #2563EB; padding-left: 15px; margin-top: 40px; margin-bottom: 20px; line-height: 1.4;\">T\u1ed1i \u01b0u t\u1ed1c \u0111\u1ed9 t\u1ea3i font: preconnect, font-display swap v\u00e0 self-host<\/h2>\n<p style=\"text-align: justify;\"><strong>Google Fonts c\u00f3 l\u00e0m ch\u1eadm web kh\u00f4ng? C\u00f3, n\u1ebfu nh\u00fang c\u1ea9u th\u1ea3.<\/strong> Font l\u00e0 t\u00e0i nguy\u00ean render-blocking gi\u00e1n ti\u1ebfp: ch\u1eef chi\u1ebfm ph\u1ea7n l\u1edbn m\u00e0n h\u00ecnh, font v\u1ec1 ch\u1eadm th\u00ec trang &#8220;c\u1ea3m gi\u00e1c&#8221; ch\u1eadm, v\u00e0 font thay th\u1ebf l\u1ec7ch k\u00edch th\u01b0\u1edbc s\u1ebd \u0111\u1ea9y layout nh\u1ea3y \u2014 \u1ea3nh h\u01b0\u1edfng tr\u1ef1c ti\u1ebfp ch\u1ec9 s\u1ed1 CLS trong Core Web Vitals. D\u01b0\u1edbi \u0111\u00e2y l\u00e0 c\u00e1c k\u1ef9 thu\u1eadt x\u1ebfp theo m\u1ee9c \u0111\u1ed9 n\u00ean l\u00e0m.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">1. Preconnect: b\u1eaft tay s\u1edbm v\u1edbi m\u00e1y ch\u1ee7 font<\/h3>\n<p style=\"text-align: justify;\">Hai d\u00f2ng <code>rel=\"preconnect\"<\/code> trong \u0111o\u1ea1n code \u1edf ph\u1ea7n nh\u00fang ph\u00eda tr\u00ean y\u00eau c\u1ea7u tr\u00ecnh duy\u1ec7t thi\u1ebft l\u1eadp k\u1ebft n\u1ed1i DNS\/TLS \u0111\u1ebfn m\u00e1y ch\u1ee7 Google ngay t\u1eeb \u0111\u1ea7u, thay v\u00ec ch\u1edd \u0111\u1ebfn l\u00fac ph\u00e1t hi\u1ec7n c\u1ea7n font. Chi ph\u00ed b\u1eb1ng kh\u00f4ng, ch\u1ec9 c\u1ea7n nh\u1edb \u0111\u1eb7t tr\u01b0\u1edbc th\u1ebb link t\u1ea3i font. \u0110\u1eebng x\u00f3a d\u00f2ng c\u00f3 <code>crossorigin<\/code> \u2014 file font y\u00eau c\u1ea7u k\u1ebft n\u1ed1i ki\u1ec3u n\u00e0y.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">2. Font-display swap: ch\u1eef hi\u1ec7n ngay, kh\u00f4ng ch\u1edd font<\/h3>\n<p style=\"text-align: justify;\"><code>font-display: swap<\/code> b\u00e1o tr\u00ecnh duy\u1ec7t v\u1ebd ch\u1eef ngay b\u1eb1ng font h\u1ec7 th\u1ed1ng, font web v\u1ec1 \u0111\u1ebfn \u0111\u00e2u thay \u0111\u1ebfn \u0111\u00f3. Ng\u01b0\u1eddi \u0111\u1ecdc kh\u00f4ng ph\u1ea3i nh\u00ecn trang tr\u1eafng ch\u1eef. URL nh\u00fang chu\u1ea9n c\u1ee7a Google \u0111\u00e3 k\u00e8m s\u1eb5n <code>display=swap<\/code>; n\u1ebfu t\u1ef1 vi\u1ebft <code>@font-face<\/code>, b\u1ea1n ph\u1ea3i t\u1ef1 th\u00eam. \u0110\u00e1nh \u0111\u1ed5i: c\u00f3 m\u1ed9t kho\u1ea3nh kh\u1eafc ch\u1eef &#8220;nh\u1ea3y&#8221; t\u1eeb font t\u1ea1m sang font th\u1eadt \u2014 ch\u1ecdn font fallback c\u00f3 t\u1ef7 l\u1ec7 g\u1ea7n v\u1edbi font ch\u00ednh s\u1ebd gi\u1ea3m hi\u1ec7n t\u01b0\u1ee3ng n\u00e0y. Chi ti\u1ebft h\u00e0nh vi t\u1eebng gi\u00e1 tr\u1ecb c\u00f3 trong t\u00e0i li\u1ec7u font-display c\u1ee7a Google t\u1ea1i web.dev.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">3. C\u1eaft weight v\u00e0 subset th\u1eeba<\/h3>\n<p style=\"text-align: justify;\">M\u1ed7i weight l\u00e0 m\u1ed9t file ph\u1ea3i t\u1ea3i. Nh\u00fang 9 weight nh\u01b0ng ch\u1ec9 d\u00f9ng 3 l\u00e0 t\u1ef1 \u0111eo \u0111\u00e1 v\u00e0o trang. R\u00e0 l\u1ea1i URL nh\u00fang, gi\u1eef \u0111\u00fang weight \u0111ang d\u00f9ng th\u1eadt (th\u01b0\u1eddng 400, 600, 700 l\u00e0 \u0111\u1ee7). V\u1edbi font h\u1ed7 tr\u1ee3 nhi\u1ec1u ng\u00f4n ng\u1eef, c\u01a1 ch\u1ebf <code>unicode-range<\/code> c\u1ee7a Google \u0111\u00e3 t\u1ef1 c\u1eaft g\u00f3i k\u00fd t\u1ef1 th\u1eeba, b\u1ea1n kh\u00f4ng c\u1ea7n can thi\u1ec7p \u2014 tr\u1eeb khi self-host.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">4. T\u1eadn d\u1ee5ng cache c\u1ee7a tr\u00ecnh duy\u1ec7t<\/h3>\n<p style=\"text-align: justify;\">Font l\u00e0 lo\u1ea1i file c\u1ef1c h\u1ee3p \u0111\u1ec3 l\u01b0u <a href=\"https:\/\/interdata.vn\/blog\/bo-nho-dem-la-gi\/\">b\u1ed9 nh\u1edb \u0111\u1ec7m<\/a>: g\u1ea7n nh\u01b0 kh\u00f4ng bao gi\u1edd \u0111\u1ed5i n\u1ed9i dung. V\u1edbi font nh\u00fang t\u1eeb Google, cache do Google quy \u0111\u1ecbnh. V\u1edbi font self-host, b\u1ea1n n\u00ean \u0111\u1eb7t header cache d\u00e0i h\u1ea1n (v\u00ed d\u1ee5 <code>Cache-Control: max-age=31536000, immutable<\/code>) \u0111\u1ec3 kh\u00e1ch quay l\u1ea1i kh\u00f4ng ph\u1ea3i t\u1ea3i l\u1ea1i font \u2014 trang m\u1edf g\u1ea7n nh\u01b0 t\u1ee9c th\u00ec \u1edf l\u1ea7n truy c\u1eadp th\u1ee9 hai.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 19px; font-weight: bold; margin-top: 25px; margin-bottom: 12px;\">5. Self-host Google Fonts: ki\u1ec3m so\u00e1t tr\u1ecdn k\u1ebft n\u1ed1i<\/h3>\n<p style=\"text-align: justify;\">Self-host ngh\u0129a l\u00e0 t\u1ea3i file WOFF2 v\u1ec1 \u0111\u1eb7t ngay tr\u00ean m\u00e1y ch\u1ee7 c\u1ee7a b\u1ea1n v\u00e0 khai b\u00e1o b\u1eb1ng <code>@font-face<\/code>. Tr\u00ecnh duy\u1ec7t ch\u1ec9 c\u1ea7n n\u00f3i chuy\u1ec7n v\u1edbi m\u1ed9t domain duy nh\u1ea5t \u2014 b\u1ecf h\u1eb3n hai l\u01b0\u1ee3t b\u1eaft tay v\u1edbi m\u00e1y ch\u1ee7 Google. \u0110\u00e2y c\u0169ng l\u00e0 c\u00e1ch c\u00e1c web ch\u00e2u \u00c2u x\u1eed l\u00fd y\u00eau c\u1ea7u v\u1ec1 quy\u1ec1n ri\u00eang t\u01b0, v\u00ec kh\u00f4ng c\u00f2n request n\u00e0o g\u1eedi sang b\u00ean th\u1ee9 ba.<\/p>\n<ol style=\"padding-left: 20px; margin-bottom: 25px; color: #1f2937;\">\n<li style=\"margin-bottom: 10px;\">L\u1ea5y file WOFF2 \u0111\u00fang subset vietnamese (c\u00f4ng c\u1ee5 nh\u01b0 google-webfonts-helper xu\u1ea5t s\u1eb5n c\u1ea3 file l\u1eabn CSS).<\/li>\n<li style=\"margin-bottom: 10px;\">Upload v\u00e0o th\u01b0 m\u1ee5c tr\u00ean m\u00e1y ch\u1ee7, v\u00ed d\u1ee5 <code>\/fonts\/<\/code>.<\/li>\n<li style=\"margin-bottom: 10px;\">Khai b\u00e1o <code>@font-face<\/code> trong CSS v\u00e0 x\u00f3a th\u1ebb link nh\u00fang Google c\u0169.<\/li>\n<li style=\"margin-bottom: 10px;\">Ki\u1ec3m tra tab Network: to\u00e0n b\u1ed9 font ph\u1ea3i t\u1ea3i t\u1eeb domain c\u1ee7a b\u1ea1n.<\/li>\n<\/ol>\n<pre>@font-face {\r\n  font-family: 'Be Vietnam Pro';\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  font-display: swap;\r\n  src: url('\/fonts\/be-vietnam-pro-vietnamese-400.woff2') format('woff2');\r\n}<\/pre>\n<p style=\"text-align: justify;\">So s\u00e1nh hai h\u01b0\u1edbng \u0111i \u0111\u1ec3 b\u1ea1n quy\u1ebft \u0111\u1ecbnh:<\/p>\n<table style=\"width: 100%; border-collapse: collapse; margin-bottom: 25px; font-size: 15px;\">\n<thead>\n<tr style=\"background: #1E3A8A; color: #fff;\">\n<th style=\"padding: 12px; border: 1px solid #BFDBFE; text-align: left;\">Ti\u00eau ch\u00ed<\/th>\n<th style=\"padding: 12px; border: 1px solid #BFDBFE; text-align: left;\">Nh\u00fang qua Google CDN<\/th>\n<th style=\"padding: 12px; border: 1px solid #BFDBFE; text-align: left;\">Self-host tr\u00ean m\u00e1y ch\u1ee7 ri\u00eang<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\"><strong>C\u00f4ng s\u1ee9c tri\u1ec3n khai<\/strong><\/td>\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\">V\u00e0i ph\u00fat, copy-paste l\u00e0 xong<\/td>\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\">C\u1ea7n t\u1ea3i file, vi\u1ebft @font-face, c\u1ea5u h\u00ecnh cache<\/td>\n<\/tr>\n<tr style=\"background: #EFF6FF;\">\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\"><strong>S\u1ed1 k\u1ebft n\u1ed1i tr\u00ecnh duy\u1ec7t ph\u1ea3i m\u1edf<\/strong><\/td>\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\">Th\u00eam 2 domain b\u00ean th\u1ee9 ba<\/td>\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\">Ch\u1ec9 domain c\u1ee7a b\u1ea1n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\"><strong>Ki\u1ec3m so\u00e1t cache, subset, quy\u1ec1n ri\u00eang t\u01b0<\/strong><\/td>\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\">Theo m\u1eb7c \u0111\u1ecbnh c\u1ee7a Google<\/td>\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\">B\u1ea1n to\u00e0n quy\u1ec1n quy\u1ebft \u0111\u1ecbnh<\/td>\n<\/tr>\n<tr style=\"background: #EFF6FF;\">\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\"><strong>Ph\u00f9 h\u1ee3p v\u1edbi<\/strong><\/td>\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\">Blog, landing page, web m\u1edbi b\u1eaft \u0111\u1ea7u<\/td>\n<td style=\"padding: 12px; border: 1px solid #BFDBFE;\">Web coi tr\u1ecdng t\u1ed1c \u0111\u1ed9, quy\u1ec1n ri\u00eang t\u01b0, c\u00f3 m\u00e1y ch\u1ee7 ri\u00eang<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p style=\"text-align: justify;\">\u0110i\u1ec1u ki\u1ec7n ti\u00ean quy\u1ebft c\u1ee7a self-host: m\u00e1y ch\u1ee7 c\u1ee7a b\u1ea1n ph\u1ea3i ph\u1ea3n h\u1ed3i nhanh, v\u00ec gi\u1edd \u0111\u00e2y font t\u1ea3i tr\u1ef1c ti\u1ebfp t\u1eeb \u0111\u00f3. Hosting y\u1ebfu m\u00e0 self-host th\u00ec l\u1ee3i b\u1ea5t c\u1eadp h\u1ea1i. Tr\u00ean VPS c\u00f3 \u1ed5 NVMe v\u00e0 web server c\u1ea5u h\u00ecnh chu\u1ea9n (n\u00e9n Brotli, HTTP\/2, cache header d\u00e0i h\u1ea1n), font self-host t\u1ea3i nhanh v\u00e0 \u1ed5n \u0111\u1ecbnh. Khi traffic t\u0103ng m\u1ea1nh theo m\u00f9a chi\u1ebfn d\u1ecbch, b\u01b0\u1edbc n\u00e2ng c\u1ea5p t\u1ef1 nhi\u00ean l\u00e0 <a href=\"https:\/\/interdata.vn\/cloud-server\/\" target=\"_blank\" rel=\"noopener\">Cloud Server<\/a> \u0111\u1ec3 co gi\u00e3n t\u00e0i nguy\u00ean theo t\u1ea3i th\u1ef1c t\u1ebf.<\/p>\n<div style=\"display: flex; flex-wrap: wrap; background-color: #fff; border: 1.5px solid #BFDBFE; box-shadow: 0 8px 20px rgba(37,99,235,0.08); border-radius: 12px; overflow: hidden; margin: 35px 0;\">\n<div style=\"flex: 1; min-width: 250px; background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%); display: flex; align-items: center; justify-content: center; padding: 30px; text-align: center;\">\n<div>\n<p style=\"color: white; font-size: 34px; font-family: 'Be Vietnam Pro', sans-serif; font-weight: bold; margin: 0; line-height: 1.1;\">VPS cho web self-host font<\/p>\n<p style=\"color: #dbeafe; font-size: 15px; font-weight: 600; margin-top: 12px;\">To\u00e0n quy\u1ec1n root \u00b7 Ch\u1ed1ng DDoS \u00b7 Backup \u0111\u1ecbnh k\u1ef3<\/p>\n<\/div>\n<\/div>\n<div style=\"flex: 2; padding: 25px; min-width: 300px;\">\n<h3 style=\"font-family: 'Be Vietnam Pro', sans-serif; color: #1e3a8a; margin-top: 0; font-size: 20px;\">Mu\u1ed1n self-host font m\u00e0 kh\u00f4ng ph\u1ee5 thu\u1ed9c b\u00ean th\u1ee9 ba?<\/h3>\n<p style=\"text-align: justify; font-size: 15px; margin-bottom: 15px;\">Self-host ch\u1ec9 ph\u00e1t huy t\u00e1c d\u1ee5ng khi b\u1ea1n c\u00f3 quy\u1ec1n c\u1ea5u h\u00ecnh web server: b\u1eadt n\u00e9n, \u0111\u1eb7t cache header, ch\u1ec9nh HTTP\/2. VPS InterData cho to\u00e0n quy\u1ec1n root tr\u00ean n\u1ec1n SSD NVMe U.2 v\u00e0 m\u1ea1ng t\u1ed1c \u0111\u1ed9 cao, k\u00e8m \u0111\u1ed9i k\u1ef9 thu\u1eadt h\u1ed7 tr\u1ee3 24\/7 khi b\u1ea1n c\u1ea7n tr\u1ee3 gi\u00fap c\u1ea5u h\u00ecnh.<\/p>\n<p><a style=\"background: linear-gradient(90deg, #2563EB 0%, #1E3A8A 100%); color: white; padding: 12px 25px; text-decoration: none; font-weight: 600; border-radius: 8px; font-size: 15px; display: inline-block; box-shadow: 0 5px 15px rgba(37,99,235,0.3);\" href=\"https:\/\/interdata.vn\/thue-vps\/\" target=\"_blank\" rel=\"noopener\">Thu\u00ea VPS ngay \u27f6<\/a><\/p>\n<\/div>\n<\/div>\n<h2 id=\"section8\" style=\"color: #1e3a8a; font-size: 24px; font-weight: bold; text-align: left; border-left: 5px solid #2563EB; padding-left: 15px; margin-top: 40px; margin-bottom: 20px; line-height: 1.4;\">C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 Google Fonts<\/h2>\n<h3 style=\"color: #1e3a8a; font-size: 18px; font-weight: bold; margin-top: 25px; margin-bottom: 10px;\">Google Fonts c\u00f3 mi\u1ec5n ph\u00ed kh\u00f4ng?<\/h3>\n<p style=\"text-align: justify;\">Mi\u1ec5n ph\u00ed ho\u00e0n to\u00e0n: xem, nh\u00fang v\u00e0o web, t\u1ea3i v\u1ec1 m\u00e1y \u0111\u1ec1u kh\u00f4ng m\u1ea5t ph\u00ed v\u00e0 kh\u00f4ng c\u1ea7n t\u1ea1o t\u00e0i kho\u1ea3n. Google duy tr\u00ec th\u01b0 vi\u1ec7n n\u00e0y nh\u01b0 m\u1ed9t d\u1ef1 \u00e1n m\u00e3 ngu\u1ed3n m\u1edf, kh\u00f4ng c\u00f3 phi\u00ean b\u1ea3n tr\u1ea3 ph\u00ed hay gi\u1edbi h\u1ea1n l\u01b0\u1ee3t d\u00f9ng \u1ea9n n\u00e0o ph\u00eda sau.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 18px; font-weight: bold; margin-top: 25px; margin-bottom: 10px;\">Google Fonts c\u00f3 \u0111\u01b0\u1ee3c d\u00f9ng cho m\u1ee5c \u0111\u00edch th\u01b0\u01a1ng m\u1ea1i kh\u00f4ng?<\/h3>\n<p style=\"text-align: justify;\">\u0110\u01b0\u1ee3c. Gi\u1ea5y ph\u00e9p m\u00e3 ngu\u1ed3n m\u1edf (ch\u1ee7 y\u1ebfu OFL) cho ph\u00e9p d\u00f9ng trong web b\u00e1n h\u00e0ng, \u1ea5n ph\u1ea9m qu\u1ea3ng c\u00e1o, logo, s\u1ea3n ph\u1ea9m in \u1ea5n v\u00e0 d\u1ef1 \u00e1n l\u00e0m cho kh\u00e1ch h\u00e0ng. Gi\u1edbi h\u1ea1n duy nh\u1ea5t l\u00e0 kh\u00f4ng \u0111\u01b0\u1ee3c b\u00e1n l\u1ea1i ch\u00ednh file font nh\u01b0 m\u1ed9t s\u1ea3n ph\u1ea9m ri\u00eang.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 18px; font-weight: bold; margin-top: 25px; margin-bottom: 10px;\">Font n\u00e0o tr\u00ean Google Fonts h\u1ed7 tr\u1ee3 ti\u1ebfng Vi\u1ec7t t\u1ed1t nh\u1ea5t?<\/h3>\n<p style=\"text-align: justify;\">Be Vietnam Pro \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf ri\u00eang cho ti\u1ebfng Vi\u1ec7t n\u00ean d\u1ea5u \u0111\u1eb7t chu\u1ea9n nh\u1ea5t. Inter, Roboto, Nunito, Montserrat, Open Sans v\u00e0 Lora c\u0169ng h\u1ed7 tr\u1ee3 \u0111\u1ea7y \u0111\u1ee7. C\u00e1ch ki\u1ec3m tra ch\u1eafc ch\u1eafn: l\u1ecdc Language \u2192 Vietnamese tr\u00ean fonts.google.com r\u1ed3i g\u00f5 c\u00e2u c\u00f3 \u0111\u1ee7 d\u1ea5u v\u00e0o \u00f4 preview.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 18px; font-weight: bold; margin-top: 25px; margin-bottom: 10px;\">Web \u0111ang ch\u1eadm v\u00ec font, x\u1eed l\u00fd nhanh nh\u1ea5t th\u1ebf n\u00e0o?<\/h3>\n<p style=\"text-align: justify;\">Ba vi\u1ec7c theo th\u1ee9 t\u1ef1: c\u1eaft weight kh\u00f4ng d\u00f9ng trong URL nh\u00fang, th\u00eam hai th\u1ebb preconnect v\u00e0o \u0111\u1ea7u head, gi\u1eef tham s\u1ed1 display=swap. Ba thao t\u00e1c n\u00e0y m\u1ea5t kho\u1ea3ng m\u01b0\u1eddi ph\u00fat v\u00e0 x\u1eed l\u00fd ph\u1ea7n l\u1edbn v\u1ea5n \u0111\u1ec1. Self-host l\u00e0 b\u01b0\u1edbc sau c\u00f9ng khi b\u1ea1n mu\u1ed1n ki\u1ec3m so\u00e1t tri\u1ec7t \u0111\u1ec3.<\/p>\n<h3 style=\"color: #1e3a8a; font-size: 18px; font-weight: bold; margin-top: 25px; margin-bottom: 10px;\">T\u1ea3i Google Fonts v\u1ec1 m\u00e1y t\u00ednh c\u00f3 d\u00f9ng \u0111\u01b0\u1ee3c trong Photoshop, Canva kh\u00f4ng?<\/h3>\n<p style=\"text-align: justify;\">\u0110\u01b0\u1ee3c v\u1edbi Photoshop v\u00e0 c\u00e1c ph\u1ea7n m\u1ec1m desktop: c\u00e0i font v\u00e0o Windows\/macOS l\u00e0 ph\u1ea7n m\u1ec1m nh\u1eadn (kh\u1edfi \u0111\u1ed9ng l\u1ea1i \u1ee9ng d\u1ee5ng n\u1ebfu ch\u01b0a th\u1ea5y). Ri\u00eang Canva b\u1ea3n web d\u00f9ng kho font ri\u00eang c\u1ee7a Canva; mu\u1ed1n th\u00eam font t\u1ef1 c\u00e0i, b\u1ea1n c\u1ea7n g\u00f3i tr\u1ea3 ph\u00ed c\u00f3 t\u00ednh n\u0103ng upload font th\u01b0\u01a1ng hi\u1ec7u.<\/p>\n<div style=\"border-top: 2px dashed #BFDBFE; margin-top: 50px; padding-top: 30px;\">\n<h3 style=\"font-family: 'Be Vietnam Pro', sans-serif; color: #1e3a8a; font-size: 22px; font-weight: bold; margin-bottom: 15px;\">D\u00f9ng font \u0111\u00fang c\u00e1ch: \u0111\u1eb9p l\u00e0 ch\u01b0a \u0111\u1ee7, ph\u1ea3i nhanh<\/h3>\n<p style=\"text-align: justify;\">Google Fonts cho b\u1ea1n kho ch\u1eef mi\u1ec5n ph\u00ed, h\u1ee3p ph\u00e1p cho c\u1ea3 m\u1ee5c \u0111\u00edch th\u01b0\u01a1ng m\u1ea1i \u2014 v\u1ea5n \u0111\u1ec1 ch\u01b0a bao gi\u1edd l\u00e0 thi\u1ebfu font, m\u00e0 l\u00e0 d\u00f9ng \u0111\u00fang c\u00e1ch. Ba \u0111i\u1ec1u \u0111\u00e1ng nh\u1edb nh\u1ea5t: lu\u00f4n ki\u1ec3m tra h\u1ed7 tr\u1ee3 ti\u1ebfng Vi\u1ec7t tr\u01b0\u1edbc khi ch\u1ecdn, nh\u00fang b\u1eb1ng th\u1ebb link k\u00e8m preconnect v\u00e0 display=swap thay v\u00ec @import, v\u00e0 ch\u1ec9 gi\u1eef \u0111\u00fang s\u1ed1 weight \u0111ang d\u00f9ng th\u1eadt. Khi website l\u1edbn d\u1ea7n v\u00e0 b\u1ea1n mu\u1ed1n ki\u1ec3m so\u00e1t tr\u1ecdn t\u1ed1c \u0111\u1ed9 l\u1eabn d\u1eef li\u1ec7u, self-host font tr\u00ean m\u00e1y ch\u1ee7 ri\u00eang l\u00e0 b\u01b0\u1edbc \u0111i h\u1ee3p l\u00fd ti\u1ebfp theo.<\/p>\n<div style=\"background: #EFF6FF; border: 1px solid #2563EB; padding: 30px; margin-top: 25px; border-radius: 12px; text-align: center;\">\n<p style=\"font-family: 'Be Vietnam Pro', sans-serif; font-size: 20px; font-weight: bold; color: #1e3a8a; margin-top: 0;\">S\u1eb5n s\u00e0ng t\u1ef1 ch\u1ee7 h\u1ea1 t\u1ea7ng cho website c\u1ee7a b\u1ea1n?<\/p>\n<p style=\"font-size: 15px; margin-bottom: 20px; color: #4b5563;\">VPS InterData v\u1edbi SSD NVMe U.2, to\u00e0n quy\u1ec1n root v\u00e0 h\u1ed7 tr\u1ee3 k\u1ef9 thu\u1eadt 24\/7 \u2014 n\u1ec1n t\u1ea3ng \u0111\u1ec3 self-host font v\u00e0 t\u0103ng t\u1ed1c website.<\/p>\n<p><a style=\"background: #2563EB; color: #ffffff; padding: 12px 30px; text-decoration: none; font-weight: 600; border-radius: 6px; display: inline-block;\" href=\"https:\/\/interdata.vn\/thue-vps\/\" target=\"_blank\" rel=\"noopener\">Xem b\u1ea3ng gi\u00e1 VPS \u27f6<\/a><\/p>\n<\/div>\n<\/div>\n<p style=\"text-align: justify; font-size: 13px; font-style: italic; color: #6b7280; margin-top: 30px; border-top: 1px solid #E5E7EB; padding-top: 15px;\"><span style=\"font-size: 100%;\"><em>N\u1ed9i dung k\u1ef9 thu\u1eadt trong b\u00e0i mang t\u00ednh tham kh\u1ea3o t\u1ea1i th\u1eddi \u0111i\u1ec3m vi\u1ebft. Giao di\u1ec7n fonts.google.com, s\u1ed1 l\u01b0\u1ee3ng font, t\u00f9y ch\u1ecdn c\u1ee7a theme, plugin WordPress v\u00e0 Elementor c\u00f3 th\u1ec3 thay \u0111\u1ed5i theo phi\u00ean b\u1ea3n. Tr\u01b0\u1edbc khi \u00e1p d\u1ee5ng thay \u0111\u1ed5i v\u1ec1 font ho\u1eb7c c\u1ea5u h\u00ecnh m\u00e1y ch\u1ee7 cho website \u0111ang ch\u1ea1y th\u1eadt, b\u1ea1n n\u00ean sao l\u01b0u d\u1eef li\u1ec7u v\u00e0 ki\u1ec3m th\u1eed tr\u00ean m\u00f4i tr\u01b0\u1eddng staging.<\/em><\/span><\/p>\n\n\n<style>\n.interdata-plan-carousel,.interdata-plan-carousel *{box-sizing:border-box}\n.interdata-plan-carousel{--blue:#005bea;--blue-dark:#004dcc;--text:#071832;--muted:#516173;--border:#d8e6fb;--bg:#f3f8ff;--shadow:0 5px 14px rgba(0,62,145,.08);container-type:inline-size;background:var(--bg);padding:14px 40px 18px;position:relative;overflow:hidden}\n.interdata-carousel-heading{color:#f00;font-family:Roboto,sans-serif;font-size:18px;line-height:1.35;font-weight:800;text-align:center;margin:0 0 14px}\n.interdata-plan-viewport{overflow:hidden;width:100%}\n.interdata-plan-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 0 4px}\n.interdata-plan-track::-webkit-scrollbar{display:none}\n.interdata-plan-card{flex:0 0 calc((100% - 36px)\/4);min-width:0;background:#fff;border:1px solid var(--border);border-radius:8px;padding:15px 10px 13px;min-height:370px;display:flex;flex-direction:column;scroll-snap-align:start;box-shadow:var(--shadow)}\n.interdata-plan-title{color:var(--blue-dark);font-size:16px;line-height:1.22;font-weight:800;text-align:center;margin:0 0 7px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.interdata-plan-price{color:var(--blue-dark);font-size:24px;line-height:1;font-weight:900;text-align:center;margin-bottom:12px;white-space:nowrap;letter-spacing:0}\n.interdata-plan-price span{font-size:10px;font-weight:800;margin-left:2px}\n.interdata-plan-badge{align-self:center;display:inline-flex;align-items:center;justify-content:center;background:#ff3934;color:#fff;border-radius:5px;padding:7px 8px;font-size:9px;line-height:1;font-weight:800;margin-bottom:15px;white-space:nowrap;max-width:100%}\n.interdata-plan-features{list-style:none!important;padding:0!important;margin:0!important}\n.interdata-plan-features li{display:flex;gap:7px;align-items:flex-start;color:var(--text);font-size:12px;line-height:1.35;font-weight:700;text-align:left;margin:0 0 10px!important;padding:0!important}\n.interdata-plan-icon{width:14px;min-width:14px;height:14px;color:#0069ff;margin-top:2px}\n.interdata-plan-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n.interdata-plan-spacer{flex:1;min-height:16px}\n.interdata-plan-button{display:flex;align-items:center;justify-content:center;min-height:42px;width:100%;background:var(--blue);color:#fff!important;border-radius:5px;font-size:13px;font-weight:800;text-decoration:none!important;box-shadow:0 7px 14px rgba(0,91,234,.24);transition:transform .2s ease,background .2s ease}\n.interdata-plan-button:hover{background:var(--blue-dark);color:#fff!important;transform:translateY(-1px)}\n.interdata-carousel-arrow{position:absolute;top:50%;z-index:5;width:44px;height:54px;border:2px solid #fff!important;border-radius:999px;background:var(--blue)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,62,145,.32);display:flex!important;align-items:center;justify-content:center;cursor:pointer;transform:translateY(-35%);transition:background .2s ease,color .2s ease,opacity .2s ease,transform .2s ease}\n.interdata-carousel-arrow:hover{background:var(--blue-dark)!important;color:#fff!important;transform:translateY(-35%) scale(1.04)}\n.interdata-carousel-arrow:disabled{opacity:.78;cursor:not-allowed;background:#8aa6cf!important;color:#fff!important}\n.interdata-carousel-arrow:disabled:hover{background:#8aa6cf!important;color:#fff!important;transform:translateY(-35%)}\n.interdata-carousel-arrow svg{display:none!important}\n.interdata-carousel-arrow:before{content:none!important;display:none!important}\n.interdata-carousel-mark{display:block!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:38px!important;font-weight:900!important;line-height:1!important;text-align:center!important;pointer-events:none!important;transform:translateY(-2px)}\n.interdata-carousel-prev{left:14px}\n.interdata-carousel-prev .interdata-carousel-mark{margin-left:-2px}\n.interdata-carousel-next{right:14px}\n.interdata-carousel-next .interdata-carousel-mark{margin-right:-2px}\n@container (max-width:640px){.interdata-plan-carousel{padding:12px 38px 16px}.interdata-plan-card{flex-basis:calc((100% - 12px)\/2);min-height:370px}.interdata-carousel-heading{font-size:16px}}\n@container (max-width:480px){.interdata-plan-carousel{padding:12px 34px 16px}.interdata-plan-card{flex-basis:100%;min-height:360px}.interdata-plan-price{font-size:25px}.interdata-carousel-arrow{width:34px;height:44px}.interdata-carousel-mark{font-size:32px!important}.interdata-carousel-prev{left:5px}.interdata-carousel-next{right:5px}}\n<\/style>\n\n<div class=\"interdata-plan-carousel\" data-interdata-carousel>\n  <div class=\"interdata-carousel-heading\">Si\u00eau \u01afu \u0110\u00e3i VPS \/ CLOUD SERVER - Ti\u1ebft Ki\u1ec7m \u0110\u1ebfn 70%<\/div>\n\n  <svg width=\"0\" height=\"0\" style=\"position:absolute;visibility:hidden\" aria-hidden=\"true\">\n    <symbol id=\"id-icon-cpu\" viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"2\"><\/rect><path d=\"M4 9h3M4 15h3M17 9h3M17 15h3M9 4v3M15 4v3M9 17v3M15 17v3\"><\/path><path d=\"M10 10h4v4h-4z\"><\/path><\/symbol>\n    <symbol id=\"id-icon-ram\" viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"8\" width=\"16\" height=\"8\" rx=\"2\"><\/rect><path d=\"M7 16v2M11 16v2M15 16v2M19 16v2M7 11h1M11 11h1M15 11h1\"><\/path><\/symbol>\n    <symbol id=\"id-icon-storage\" viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"3\" width=\"12\" height=\"18\" rx=\"2\"><\/rect><path d=\"M9 7h6\"><\/path><circle cx=\"12\" cy=\"16\" r=\"1.5\"><\/circle><\/symbol>\n    <symbol id=\"id-icon-network\" viewBox=\"0 0 24 24\"><path d=\"M5 12.5a10 10 0 0 1 14 0\"><\/path><path d=\"M8.5 16a5 5 0 0 1 7 0\"><\/path><path d=\"M12 19h.01\"><\/path><\/symbol>\n    <symbol id=\"id-icon-gift\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"13\" rx=\"2\"><\/rect><path d=\"M12 8v13M3 12h18\"><\/path><path d=\"M7.5 8C6.1 8 5 6.9 5 5.5S6.1 3 7.5 3C10 3 12 8 12 8\"><\/path><path d=\"M16.5 8C17.9 8 19 6.9 19 5.5S17.9 3 16.5 3C14 3 12 8 12 8\"><\/path><\/symbol>\n  <\/svg>\n\n  <button class=\"interdata-carousel-arrow interdata-carousel-prev\" type=\"button\" aria-label=\"Xem 4 g\u00f3i tr\u01b0\u1edbc\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"><\/path><\/svg>\n    <span class=\"interdata-carousel-mark\" aria-hidden=\"true\">&#8249;<\/span>\n  <\/button>\n\n  <div class=\"interdata-plan-viewport\">\n    <div class=\"interdata-plan-track\">\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Premium Base<\/h3>\n        <div class=\"interdata-plan-price\">299K<span>\/3 th\u00e1ng<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>2 vCore Intel<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>2GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>30GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 300Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/best-value-plans-2026\/best-value-plans-premium-base\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Premium Base<\/h3>\n        <div class=\"interdata-plan-price\">999K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>3 vCore Intel<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>3GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>30GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 300Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/cyber-week-2026\/premium-base\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Premium Pro<\/h3>\n        <div class=\"interdata-plan-price\">2.599K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>6 vCore Intel<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>8GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>80GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 350Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/cyber-week-2026\/premium-pro\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Premium Ultra<\/h3>\n        <div class=\"interdata-plan-price\">5.679K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>12 vCore Intel<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>16GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>180GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 450Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/cyber-week-2026\/premium-ultra\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">BD-CLOUD 1<\/h3>\n        <div class=\"interdata-plan-price\">988K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>2 vCPU<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>2 GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>30 GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 300 Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/bd-cloud-performance-2026\/bd-cloud-1\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">BD-CLOUD 2<\/h3>\n        <div class=\"interdata-plan-price\">2.988K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>4 vCPU<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>8 GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>80 GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 300 Mbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/bd-cloud-performance-2026\/bd-cloud-2\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Cloud-Day - Base<\/h3>\n        <div class=\"interdata-plan-price\">2.666K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-gift\"><\/use><\/svg><\/span>T\u1eb7ng 80GB S3 v\u00e0 1 n\u0103m s\u1eed d\u1ee5ng khi mua 2 n\u0103m tr\u1edf l\u00ean<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>4 vCPU AMD G3<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>6GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>60GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 10Gbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/cloud-day-by-interdata-2026\/cloud-day-base\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n\n      <article class=\"interdata-plan-card\">\n        <h3 class=\"interdata-plan-title\">Cloud-Day - Pro<\/h3>\n        <div class=\"interdata-plan-price\">5.666K<span>\/n\u0103m<\/span><\/div>\n        <div class=\"interdata-plan-badge\">GIA H\u1ea0N KH\u00d4NG \u0110\u1ed4I GI\u00c1<\/div>\n        <ul class=\"interdata-plan-features\">\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-gift\"><\/use><\/svg><\/span>T\u1eb7ng 200GB S3 v\u00e0 1 n\u0103m s\u1eed d\u1ee5ng khi mua 2 n\u0103m tr\u1edf l\u00ean<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-cpu\"><\/use><\/svg><\/span>8 vCPU AMD G3<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-ram\"><\/use><\/svg><\/span>12GB RAM<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-storage\"><\/use><\/svg><\/span>160GB SSD NVMe<\/li>\n          <li><span class=\"interdata-plan-icon\"><svg><use href=\"#id-icon-network\"><\/use><\/svg><\/span>Network: 10Gbps<\/li>\n        <\/ul>\n        <div class=\"interdata-plan-spacer\"><\/div>\n        <a class=\"interdata-plan-button\" href=\"https:\/\/support.interdata.vn\/index.php?rp=\/store\/cloud-day-by-interdata-2026\/cloud-day-pro\" target=\"_blank\" rel=\"nofollow sponsored noopener\">\u0110\u0103ng k\u00fd ngay<\/a>\n      <\/article>\n    <\/div>\n  <\/div>\n\n  <button class=\"interdata-carousel-arrow interdata-carousel-next\" type=\"button\" aria-label=\"Xem 4 g\u00f3i ti\u1ebfp theo\">\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"><\/path><\/svg>\n    <span class=\"interdata-carousel-mark\" aria-hidden=\"true\">&#8250;<\/span>\n  <\/button>\n<\/div>\n\n<script>\n(function(){\n  function setupInterDataCarousel(root){\n    var track=root.querySelector('.interdata-plan-track');\n    var prev=root.querySelector('.interdata-carousel-prev');\n    var next=root.querySelector('.interdata-carousel-next');\n    if(!track||!prev||!next||track.dataset.ready==='1')return;\n    track.dataset.ready='1';\n\n    function pageWidth(){\n      return track.clientWidth;\n    }\n\n    function updateButtons(){\n      var maxScroll=track.scrollWidth-track.clientWidth-2;\n      prev.disabled=track.scrollLeft<=2;\n      next.disabled=track.scrollLeft>=maxScroll;\n    }\n\n    prev.addEventListener('click',function(){\n      track.scrollBy({left:-pageWidth(),behavior:'smooth'});\n    });\n\n    next.addEventListener('click',function(){\n      track.scrollBy({left:pageWidth(),behavior:'smooth'});\n    });\n\n    track.addEventListener('scroll',function(){\n      window.requestAnimationFrame(updateButtons);\n    });\n\n    window.addEventListener('resize',updateButtons);\n    updateButtons();\n  }\n\n  function initInterDataCarousels(){\n    document.querySelectorAll('[data-interdata-carousel]').forEach(setupInterDataCarousel);\n  }\n\n  if(document.readyState==='loading'){\n    document.addEventListener('DOMContentLoaded',initInterDataCarousels);\n  }else{\n    initInterDataCarousels();\n  }\n})();\n<\/script>\n\n\t<div id=\"gap-1922615264\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1922615264 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n","protected":false},"excerpt":{"rendered":"<p>Google Fonts l\u00e0 kho font ch\u1eef web mi\u1ec5n ph\u00ed \u0111\u01b0\u1ee3c d\u00f9ng nhi\u1ec1u nh\u1ea5t hi\u1ec7n nay, nh\u01b0ng nh\u00fang sai c\u00e1ch s\u1ebd g\u00e2y l\u1ed7i d\u1ea5u ti\u1ebfng Vi\u1ec7t, ch\u1eef nh\u1ea3y layout ho\u1eb7c trang ch\u1eadm \u0111i r\u00f5 r\u1ec7t v\u00ec ph\u1ea3i t\u1ea3i font t\u1eeb b\u00ean th\u1ee9 ba. B\u00e0i vi\u1ebft n\u00e0y c\u1ee7a InterData h\u01b0\u1edbng d\u1eabn b\u1ea1n ch\u1ecdn font ph\u00f9 h\u1ee3p, nh\u00fang<\/p>\n","protected":false},"author":2,"featured_media":42715,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[100],"tags":[],"class_list":["post-42709","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website"],"_links":{"self":[{"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/posts\/42709","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/comments?post=42709"}],"version-history":[{"count":2,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/posts\/42709\/revisions"}],"predecessor-version":[{"id":42718,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/posts\/42709\/revisions\/42718"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/media\/42715"}],"wp:attachment":[{"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/media?parent=42709"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/categories?post=42709"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/interdata.vn\/blog\/wp-json\/wp\/v2\/tags?post=42709"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}