医疗类网站是所有行业站里最不能只看设计的一类。别的行业挑模板，考虑的是好不好看、栏目够不够；医疗行业还要多考虑一层——这套模板里预置的栏目，在国内能不能这么用。
这不是危言耸听。本文收录的十四款模板全部是国外设计的，它们默认带的「治疗案例前后对比」「客户见证」「疗效数据」「在线药品商城」这些栏目，在原产地是行业标配，在国内则分别落在不同强度的监管条款里。这部分我单独查了公开的法规原文，放在文章后半段，选型之前建议先看那一节。
下面按业务性质分四组：综合医疗与专科诊所、眼科专科、医美与皮肤管理、泛健康（养生 / 瑜伽 / 宠物医院）。四组的监管强度是递减的，最后一组基本按普通商业站处理；第三组最需要留神。
说明：以下涉及法规的内容均引自公开发布的规章原文，用于提示选型时需要注意的方向，不构成法律意见。具体到你的机构如何执行，请以主管部门要求和专业法务意见为准。
第一组 · 综合医疗与专科诊所（01 - 05）—— 核心是「预约」这条动线
01. 三套首页 + 独立排班时刻表 —— 栏目最贴合就诊流程的一款
Bootstrap 5.3.8 3 套首页 18 个页面
覆盖综合医疗、健康管理中心、口腔诊所三个方向，各给了一套对应首页，牙科诊所不用去改综合医院的版面。预约是独立页面，表单字段贴合科室、医生、时间的选择逻辑；医生列表和详情页能完整展示职称、专长与门诊时间；服务列表与详情用来介绍科室和诊疗项目，另有博客做健康科普、常见问题页回应就诊流程与医保类疑问。框架是 Bootstrap 5.3.8，本文最新的一个小版本。
它有一项别人都没做的东西：把出诊排班单独做成了一个表格化的时刻表页面。这看着不起眼，但如果你在诊所前台待过就知道，患者打进来的电话里问得最多的从来不是「你们有什么服务」，而是「王医生周三下午在不在」。把这个信息在网上摆清楚，能实打实减少一批咨询电话——这是本文十四款里少有的、真正冲着降低运营成本去的栏目设计，而不只是好看。
18 个页面在本文属于偏少的（后面有 27 页、35 页、45 页的），但页面数这个指标在医疗站里意义不大，理由我在第 07 款那里会展开讲。另外要留意它的「收费/套餐页」：把体检和诊疗价位公开是好事，但医疗服务的对外价格表述涉及后文那部分规定，上线前建议按当地要求核一遍口径。
02. 十套专科首页 —— 覆盖面最广，但你只会用一套
Bootstrap 5.x 10 套首页 27+ 内页
十套差异化首页：综合医疗、诊所两个版本、口腔、儿科、心脏、外科中心、理疗、营养饮食、眼科、医疗用品电商，配 27 个以上内页覆盖科室、医生、预约、时间表、博客等核心栏目。风格干净克制，色彩层次清晰，是那种能自然烘托医疗行业可信氛围的路子。
十套首页在选型阶段确实好用——你可以在同一个包里横向比较「口腔版和儿科版的气质差在哪」，这比翻十个模板详情页效率高得多。但要清醒一点：上线后你只会用一套，剩下九套是需要清理的冗余文件，而且清理时得确认哪些 CSS 和图片是共用的。
更值得对照的是它和第 01 款的差别。医疗是强专科属性的行业——口腔和儿科的视觉语言差得很远，一套模板要同时装下十个专科，各专科的深度必然被摊薄。如果你的机构就是单一专科，「三套精准的」往往比「十套泛泛的」更省事。 反过来，如果你是给多家不同科室的诊所做外包建站，这一款的复用价值就出来了。
03. 白蓝配色的五套首页 —— 页面体系最完整的一款
Bootstrap 5.3.8 5 套首页 35+ 页面
清爽的白蓝配色，五套首页覆盖综合医院、健康中心、儿童护理、口腔诊所、眼科诊所，配 35 个以上页面，科室、医生、预约、时刻表、图库都有，而且详情页体系是完整的——科室详情、医生详情、博客详情各自有独立模板。代码通过 W3C 校验，用免费 Google Fonts，动效克制。菜单给了经典和全屏两种风格可切。
白蓝配色是医疗站的默认解，但它默认得有道理：这套配色降低的是医疗类网站常见的距离感。医院官网最容易做出两种失败观感——一种是过于冷硬像政府公告栏，一种是过度设计像美容院。白蓝加大量留白是经过长期验证的中间地带，患者看着不紧张，也不会怀疑专业性。这一款在这条线上拿捏得比较稳。
要说缺点，「全屏视差 Hero 大图，第一屏冲击力强」这条对医疗站是把双刃剑。视差大图在移动端要么被裁得看不出内容，要么滚动时掉帧，而医疗站的移动端流量占比通常很高（人是躺在床上或者在去医院的路上查的）。真要用，建议移动端把视差关掉换成静态图，把首屏空间让给预约入口和电话按钮。
04. 三套主题首页 + 医疗商城 —— 商城模块请先看合规那节
Bootstrap 5.3.5 3 套首页 25 个内页
三套主题首页分别对应眼科中心、牙科诊所、综合健康医疗，25 个内页涵盖在线预约、医生介绍与详情、服务说明、博客、图片与视频图库、FAQ、登录注册。技术上是这一组里比较现代的：Ajax 表单带验证、Swiper 轮播、代码通过 W3C 验证、SCSS 结构规整。
它明确列了「医疗商城、购物车、结账页面，支持药品或医疗产品在线销售场景」。这一条要重点说：模板给的只是界面，而在国内，药品的网络销售是有专门规章管着的强监管领域。《药品网络销售监督管理办法》自 2022 年 12 月 1 日施行，对处方药实行实名制并要求按规定进行处方审核调配，还明确处方药销售的主页面、首页面不得直接公开展示包装、标签等信息，通过处方审核前不得展示说明书。换句话说，你不能简单地把药品当成普通商品摆进商品列表页——那个默认的电商版式本身就不符合要求。
所以这一款的商城模块的正确用法是：卖非药品的院内商品（护理用品、器械耗材、体检套餐这类），或者干脆不启用。真要做药品线上销售，那是一个需要资质、审核流程和后端系统的独立项目，不是换个模板能解决的。
05. 试管婴儿与孕产妇机构专用 —— 池子里唯一一款，但技术血统偏旧
Bootstrap 5.3.5 2 套首页 21+ HTML
专为试管婴儿、孕产妇护理与女性健康机构做的，视觉走温暖柔和路线，传递关怀感而不是冷冰冰的医疗感——这个调性对生殖中心、月子中心、妇科诊所是对的，来访者的情绪状态和看牙科完全不一样。两套多页式首页，21 个以上 HTML 文件，带 AJAX 联系表单和验证、谷歌地图、多套图标库，视差滚动和动画都有。
它在本文候选池里是唯一覆盖生殖 / 妇产 / 月子这条线的，稀缺性就是它的主要价值——这几个细分领域用综合医疗模板改，光是把视觉从「诊疗」调到「关怀」就得花不少功夫。
但它的技术血统明显比同组其他几款旧，这一点必须说清楚。三个信号：它集成的是 Revolution Slider 和 Menuzord——这两个是 WordPress 生态里流行了很多年的老牌商业插件，出现在这里说明设计源头偏早；浏览器兼容列表里写着「IE9+」，而 IE 早已停止支持，还在标这个只能说明模板的兼容基线是按老年代定的；再加上依赖多套外部图标库和插件，包体积和维护面都比第 01、04 款那种「Bootstrap 5 + Swiper」的干净组合大。框架标注是 5.3.5 不假，但框架版本新不等于整套东西新。如果你的机构正好在这个细分领域，它仍然是最省事的起点；如果不是，同组其他几款技术上更清爽。
第二组 · 眼科专科（06 - 07）—— 两款放一起看最有意思
06. 三套主题眼科首页 —— 眼镜店的商城模块是合理的
Bootstrap 5.3.5 3 套首页 27+ 内页
三套首页分别以「眼部护理」「镜片护理」「视觉洞察」为主题做差异化，27 个以上内页涵盖在线预约、医生介绍、服务详情、商城、购物车、结账、博客、图片与视频图库、FAQ、登录注册、404 和即将上线页。带 SCSS 源文件、Ajax 表单验证、Swiper 轮播，代码注释清晰，通过 W3C 验证。
这一款的商城模块和第 04 款的性质完全不同，值得对照着看：眼科诊所卖的是镜架、镜片、护理液，这些是普通商品零售，走常规电商合规路径就行；而综合诊所要卖的可能是药品，那是另一套监管体系。 同样一个「商城、购物车、结账」的页面组合，放在不同专科上，落地难度差着量级。这也是为什么我把眼科单独拎出来一组——「验光配镜」这条业务线天然是医疗服务加商品零售的混合体，模板带商城对它是真需求，不是附赠件。
另外它把 SCSS 源文件给全了，支持改变量快速定制样式。医疗机构往往有既定的品牌色（尤其连锁机构），能改变量比在编译后的 CSS 里到处搜替换省事太多，这是一个容易被忽略但很实在的加分项。
07. 45 个页面的眼科模板 —— 顺便讲讲「页面数」这个数字的水分
Bootstrap 5.3.3 45 个页面 Owl Carousel
覆盖眼科诊所、验光配镜、眼镜店、激光视力矫正、眼科手术中心，45 个完整 HTML 页面，含图库页、博客页、元素展示页，另有视频弹窗、视差滚动、粘性顶部导航、数字计数器与倒计时、价格表、手风琴、灯箱等一整套组件。
45 对 27，看起来它比上一款多出将近一倍的页面。但这个数字要打折看。 45 里面包含了「元素展示页」——那是把按钮、卡片、表格等组件排出来给开发者查阅的样式手册，不是业务页面；还包含 404 页和「即将上线」页，这两个每套模板都有。真正能上线承载内容的业务页面，两款其实在同一量级。各家统计页面数的口径不一样，有的只算业务页，有的把演示页、错误页、组件页全算进去，所以拿两个模板的页面数直接比大小基本没有意义。该看的是：你需要的那几个栏目，它有没有，做得细不细。
技术上它是本组偏旧的一款：用的是 Owl Carousel，这是 jQuery 时代的轮播组件，而上一款用的是 Swiper。这不是说它不能用——老组件通常更稳定、资料也多——但如果你想把 jQuery 从项目里去掉，这一款会比较麻烦。另外它列的组件很多（倒计时、计数器、灯箱、弹窗），全量加载会拖慢页面，用不到的记得删掉对应的 JS 引用。
第三组 · 医美与皮肤管理（08 - 09）—— 全文合规压力最大的一组
08. 医美整形与皮肤管理 —— 转化链路做得最完整的一款
Bootstrap 5.3.2 3 套首页 商城 + 会员
面向整形外科、医美诊所、皮肤管理和轻医美机构，视觉精致柔和。它比普通医疗模板更看重「从看到约」的链路：面诊预约页、肌肤分析页、项目报价页三块直接对着咨询转化，团队与医师详情页建立资质信任，另外内置了完整商城（商品列表、详情、购物车、结算）方便卖院线护肤品或疗程卡，还有会员登录注册页可衔接疗程管理。博客区给了左右侧栏、网格、列表多种排版。
就纯粹的产品设计而言，这一款的转化动线是本文最完整的——它清楚地知道医美客户的决策路径是「看到效果 → 想了解自己适不适合 → 问价 → 约面诊」，并且给每一步都配了页面。肌肤分析页这种承接测评类引流内容的设计，在别的医疗模板里几乎见不到。
但它同时也是全文最需要谨慎处理的一款，问题出在「案例列表与案例详情页，便于展示改善过程」这个栏目上。市场监管总局 2021 年 11 月发布的《医疗美容广告执法指南》里，明确把「利用患者名义或者形象进行诊疗前后效果对比或者作证明」列为重点打击的违法情形之一，同时还禁止违背社会良好风尚制造「容貌焦虑」——比如把容貌不佳与「低能」「懒惰」等负面评价不当关联。这意味着模板自带的那个案例前后对比版式，在国内是不能照原样使用的。这不是模板的错，是它按原产地的行业惯例设计的；但你把它买回来，得知道这一格要改成什么。后面的常见问题里我会说可以怎么替代。
09. 皮肤科与医美诊所 —— 同一类风险，规模小一号
Bootstrap 5.3.3 3 套首页 17 类页面
面向皮肤科诊所、医美中心和美容护肤机构，视觉简洁优雅。三套首页布局可选，17 类页面涵盖服务详情、案例详情、团队介绍、价格方案、图片与视频画廊、博客、404 等，内置 AJAX 询价表单、谷歌地图和社交链接。
它和第 08 款是同一个赛道的两个体量：08 款胜在链路完整（多了肌肤分析、会员、商城），这一款胜在轻——17 类页面对一家单店皮肤科诊所来说是够用的，而且没有商城和会员那些用不上还得删的模块。如果你的机构不打算卖货、不做会员疗程管理，这一款反而更利落。它的框架版本 5.3.3 也比 08 款的 5.3.2 略新一点点（差别很小，聊胜于无）。
合规风险同上：它的「案例展示」和「客户评价」两个栏目，落在同一批规定的射程里。除了前面提到的医美执法指南，更基础的是 2007 年就施行的《医疗广告管理办法》，其第七条明确规定医疗广告不得含有保证治愈或者隐含保证治愈、宣传治愈率和有效率等诊疗效果、利用患者及卫生技术人员的名义或形象作证明等情形。「客户评价」这一栏在国外医疗站是标配，在这里要重新想。
第四组 · 泛健康：养生、瑜伽与宠物医院（10 - 14）—— 监管强度最低的一组
10. SPA 与养生机构 —— 页面清单最规整的一款
Bootstrap 5.3.3 3 套首页 留白克制
面向 SPA 水疗、美容沙龙、养生度假、足疗按摩、瑜伽馆，风格清新优雅，注重留白与质感。三套首页对应水疗、美容沙龙、养生度假；配套关于我们、服务列表与详情、理疗师团队、三档定价方案、瀑布流图库、博客列表与详情、在线预约、商品列表与详情、联系页、404 和预上线倒计时页。
把它排在这一组第一位，是因为它的页面清单是本组里划分得最清楚的：服务有列表也有详情、博客有列表也有详情、商品有列表也有详情——三条内容线各自成体系，而不是把所有东西堆在一个「服务」页里。这个结构对后期做内容扩展很关键：每个服务项目有独立页面，才可能针对具体项目词做搜索优化；全挤在一页上，就只能靠首页一个入口。
「三档定价方案表」是这类机构的常见做法，做套餐卡很好用。但要注意它给的是静态商品列表页——能展示不能交易，想在线卖卡还是得接后端和支付。这一组几款模板都是这个情况。
11. 水疗养生模板 —— 技术栈最干净的一款
Bootstrap 5.3 3 种首页布局 无 jQuery
18 个页面，三种首页布局（动画轮播、极简风格、盒式布局），覆盖关于我们、团队、价格方案、图片画廊、在线预约、服务展示、博客、联系方式，另有完整的电商页面（商品列表、详情、购物车、结算）。字体用了 Cormorant Garamond + Inter + Italianno 的组合，排版气质偏优雅。
这一款在整篇十四个里有一个别人都没有的技术特征：它明确写了「原生 JavaScript 实现，不依赖 jQuery 等额外框架」，用的组件是 Swiper 11、AOS 滚动动画和 GLightbox 灯箱——全是现代无依赖的选择。把它和第 07 款的 Owl Carousel、第 05 款的 Revolution Slider 排在一起看，一条清晰的技术代际线就出来了：Revolution Slider + Menuzord（WordPress 商业插件时代）→ Owl Carousel + jQuery（jQuery 时代）→ Swiper + AOS + 原生 JS（当下）。 这条线跟模板标注的 Bootstrap 版本号无关，得看它引了哪些第三方组件才能看出来。想少踩维护坑，优先挑最后那一档。
缺点是三种首页布局的差异主要在版式而不在行业定位（不像第 10 款那样分水疗 / 沙龙 / 度假），所以如果你的定位比较特殊，改造量会大一些。18 个页面也偏精简，内容多的机构可能不太够。
12. 美容水疗与美发沙龙 —— 覆盖业态最杂的一款
Bootstrap 5.2.0 2 套首页 22+ 页面
适用场景列得很长：美容院、水疗中心、美发沙龙、瑜伽馆、理发店、按摩养生、健康管理中心。两套首页风格加 22 个以上页面，内含多种页头页尾组合，全屏轮播和视差滚动都有，代码通过 W3C 验证，带 Font Awesome 图标库。
「多种页头与页尾样式可选」这一点在这一组里比较少见，实际价值不小：页头页尾是全站每一页都出现的部分，能换组合意味着不用改结构就能大幅改变整站气质——比如美发沙龙适合信息密度低、图大的页头，而健康管理中心可能需要在页头就放上电话和地址。
两个要留意的地方。一是框架版本 5.2.0，是本文除宠物那款外最旧的一个 Bootstrap 小版本，中间跨过了不少修复。二是它的适用业态列表横跨了美发、按摩、瑜伽、健康管理，覆盖面越宽通常意味着行业针对性越弱——它给的是一套「美业通用皮肤」，具体到你这一行的专属栏目（比如美发的发型作品集、瑜伽的课程表）多半得自己加。
13. 瑜伽与冥想工作室 —— 课程类业务的路子
Bootstrap 5.3.3 15+ 页面 大地色系
沉静的大地色系配简洁排版和流畅动效，15 个以上页面覆盖首页、关于、课程列表、课程详情、教练介绍、定价方案、产品页、用户评价、常见问题、图库、博客、联系、404 与即将上线。联系表单用了现代下划线输入样式，可直接对接后端服务。
它和这一组其他几款的结构差别很明确：别人的核心是「服务列表 + 服务详情」，它的核心是「课程列表 + 课程详情 + 教练介绍」。 这个区别对应着两种不同的生意——SPA 卖的是一次性的服务体验，瑜伽馆卖的是持续参加的课程，后者必须让人看清楚「上什么课、谁带、什么时候、多少节」，教练个人品牌的权重也高得多。选模板时先想清楚自己是哪一种，比比配色重要。
大地色系是它的气质来源，也是它的限制：这套配色和瑜伽、冥想、普拉提高度绑定，换到健身房或运动康复这类需要力量感的方向就不太合适了。页面数 15+ 在本文属于最少的一档，好处是干净、上线快，坏处是往后扩展空间有限。
14. 宠物医院与宠物商店 —— 八套首页，但框架版本最老
Bootstrap 5.0.0 8 套首页 121+ 区块
覆盖宠物店铺、宠物美容、宠物寄养、宠物医院、兽医诊所。八套风格各异的首页配 19 个以上内页，含关于、服务、团队、案例、价格、商品详情、购物车、结算，另有 121 个以上模块化区块可自由拼装。代码通过 W3C 校验、带完整注释，内置 SEO 优化、Ajax 表单、谷歌地图。
把宠物医院放进这篇是有道理的——它是「医疗」，但监管路径完全不同：动物诊疗归农业农村部门管，不适用人用医疗广告那套规定，同时它的商城模块卖的是宠物用品和粮食，属于普通商品零售。所以同样是「医院 + 商城」的组合，宠物这条线的落地阻力比第 04 款小得多。八套首页也确实覆盖了这个行业的主要业态，美容、日托、商店各有版面。
它的短板是技术版本：Bootstrap 5.0.0 是 5.x 系列的第一个正式版，本文十四款里最老的一个；浏览器兼容列表里还写着 IE11，跟第 05 款一样属于老基线的痕迹。121 个可拼装区块是它的亮点，但也意味着包体积不小，用不上的区块和对应资源上线前得清理。
上线之前：这一行比别的行业多出来的几件事
这一节是本文和普通模板推荐文章的主要差别，医疗行业的朋友请务必看完。以下都引自公开发布的规章原文，具体执行以主管部门要求和法务意见为准。
一、备案要过前置审批。 一般行业的网站做 ICP 备案，走常规流程就行；医疗类网站属于需要前置审批的行业分类，备案时要提交对应的许可材料——医疗机构通常需要《医疗机构执业许可证》，涉及医疗广告内容的还会要求《医疗广告审查证明》。这一步的周期不短，建议在网站开发的同时并行推进，别等页面做完了才开始办，否则站建好了却上不了线。各地要求略有差异，以属地主管部门口径为准。
二、几类常见栏目的内容受限。 《医疗广告管理办法》第七条明确，医疗广告不得含有下列情形：保证治愈或者隐含保证治愈的；宣传治愈率、有效率等诊疗效果的；利用患者、卫生技术人员、医学教育科研机构及人员以及其他社会团体、组织的名义、形象作证明的。对照到模板栏目，受影响最直接的是「客户评价 / 患者见证」和「疗效数据」这两类。
三、医美还要多守一条。 市场监管总局 2021 年 11 月发布的《医疗美容广告执法指南》，把「利用患者名义或者形象进行诊疗前后效果对比或者作证明」列为重点打击情形，同时禁止制造「容貌焦虑」——包括把容貌与「低能」「懒惰」「贫穷」等负面评价、或与「高素质」「勤奋」「成功」等积极评价做不当关联。模板里那个默认的「案例前后对比」版式，就是冲着这条来的。
四、在线卖药是独立的一件事。 《药品网络销售监督管理办法》自 2022 年 12 月 1 日施行，处方药网络销售实行实名制并须按规定进行处方审核调配，且处方药的销售主页面、首页面不得直接公开展示包装、标签等信息，通过处方审核前不得展示说明书。模板自带的电商版式默认是「大图 + 包装 + 详情」，与这条要求正好相反。
五、患者信息属于敏感个人信息。 《个人信息保护法》第二十八条把医疗健康信息明确列为敏感个人信息，处理这类信息需要具有特定的目的和充分的必要性、采取严格保护措施，并取得个人的单独同意。模板里的在线预约表单默认会收集姓名、电话、症状描述、就诊科室——这些一旦落库就是敏感个人信息。所以表单不能照抄了事，至少要补上单独的告知与同意勾选，传输走 HTTPS，后台存储和访问权限也要有相应措施。
常见问题
Q：那「案例前后对比」这一格改成什么？
A：先明确一点，被限制的是用患者的名义或形象来证明疗效，不是所有内容都不能放。可以往这几个方向替代：一是把重点从「结果」移到「过程」——诊疗流程怎么走、术前评估看哪些指标、术后护理注意什么，这些是患者真正想知道的，也不涉及效果承诺；二是展示机构与人——医师资质、设备、环境、团队履历，这些是《医疗广告管理办法》允许范围内可以呈现的信息；三是做医学科普，把「这个项目适合谁、不适合谁、有哪些风险」讲清楚。第三条尤其值得投入：既避开了红线，又恰好是搜索流量最集中的内容类型，患者搜的从来都是「XX 手术疼不疼」「术后多久能恢复」这类问题，而不是「XX 诊所案例」。原来那个前后对比的版式不用删，改成放流程图或者设备实拍就好。
Q：模板里的「在线预约」，能直接收到预约吗？
A：不能。HTML 模板给的是表单界面，没有后端。 患者点提交，数据不会存到任何地方，你也收不到通知。要真正跑起来，需要一个接收接口把数据存进数据库、一套后台让前台能查看和确认、以及通知机制（短信或者微信）。另外承接的是敏感个人信息，参见上一节第五条，得配合告知同意和安全措施一起做。预算和工期要把这块单独算进去，它通常比页面制作本身还费事。如果暂时不想做后端，一个务实的过渡方案是：把预约按钮直接换成电话拨号链接和微信二维码，转化路径反而更短——很多小诊所的实际情况是，患者本来也更愿意打电话。
Q：十套首页和三套首页的模板，哪个划算？
A：如果你是单一机构自用，套数多的那部分价值在选型阶段就消耗完了——你会在里面挑一套，然后面对九套需要清理的冗余文件。真正该比的是「你需要的那几个栏目它有没有」。医疗站的必备栏目其实很固定：科室 / 服务、医生团队（带详情页）、预约、出诊时间、机构介绍与资质、联系方式、健康科普。拿这七项去逐个核对，比数首页套数有用得多。反过来，如果你是接外包给不同诊所建站的，多套首页就是实打实的复用资产，那笔账要另算。
Q：医疗网站的内容，怎么写才有人看、也经得起审？
A：两件事同时做才行。一是署名和资质要露出来——健康科普文章由谁写、审核医师是谁、什么职称什么科室，把这些放在文章页显眼位置。搜索引擎对健康、医疗这类涉及人身安危的内容评价标准明显更严，作者的专业身份是重要的判断依据；对患者来说，一篇有署名医师的文章和一篇匿名文章，可信度也完全不同。二是选题从问题出发，别从项目出发——写「种植牙多少钱」不如写「种植牙和烤瓷牙的区别，什么情况选哪个」，前者是招揽，后者是解答，后者的搜索量大得多而且合规压力小得多。持续做这类内容，比在首页堆多少宣传语都管用。
Q：这些模板都是国外做的，中文显示会有问题吗？
A：主要有两处要调，都不难但容易被忽略。一是字体：模板默认引的多半是 Google Fonts 的英文字体，中文字符会回退到系统默认字体，加上英文字体的字重和行高设定并不适合中文，正文看起来会松散或者拥挤。解决办法是把 font-family 改成中文优先的字体栈，并把行高上调一点（中文正文一般比英文舒服的行高更大）。顺带一提，Google Fonts 的外部引用在国内访问也不稳，建议把用到的字体本地化或者干脆换掉。二是文案长度：英文原文的按钮和标题都很短，换成中文常常撑破布局，尤其是导航栏和卡片标题。把内容替换完之后，务必在手机上从头翻一遍，光看电脑端发现不了这类问题。
