织梦dede如何添加新字体？

1. 上传字体文件到服务器。
2. 在模板文件中通过CSS调用该字体。

下面我将为你提供两种最常用、最推荐的字体添加方法，并附上详细的步骤说明。

使用Web安全字体（最简单，推荐新手）

如果你的新字体是系统自带的Web安全字体（如 Arial, Times New Roman, Courier New, Verdana 等），那么你什么都不用做，因为这些字体在绝大多数用户的电脑上都已预装，浏览器会直接调用用户本地的字体文件。

适用场景：使用用户电脑里普遍存在的字体。

使用自定义字体文件（最灵活，最常用）

当你想使用一个特殊字体（如思源黑体、站酷酷黑等）时，就需要将字体文件上传到你的服务器，然后通过CSS的 @font-face 规则来告诉浏览器去哪里加载这个字体。

这是最核心和最常用的方法。

详细操作步骤：

假设我们要添加一个名为 MyCustomFont 的字体。

第一步：准备字体文件

一个字体通常有多种格式,为了兼容不同的浏览器，你需要准备多种格式的字体文件。

• .ttf (TrueType Font): 最常见格式，但IE9以下不支持。
• .eot (Embedded OpenType): 旧版IE专用格式。
• .woff (Web Open Font Format): 现代浏览器推荐格式，体积小，加载快。
• .woff2 (Web Open Font Format 2.0): woff的升级版，体积更小，性能更好，是目前的首选。

建议：使用在线工具（如 fontsquirrel.com）将你的 .ttf 字体文件转换成一套完整的 .eot, .woff, .woff2 文件。

第二步：上传字体文件到服务器

为了管理和维护方便,建议在DedeCMS的模板目录下创建一个专门存放字体的文件夹。

1. 通过FTP或你的主机控制面板,登录到你的服务器。
2. 进入DedeCMS的模板目录,通常是 /templets/。
3. 在 /templets/ 目录下新建一个文件夹，例如命名为 fonts。
4. 将你准备好的所有字体文件（如 MyCustomFont.eot, MyCustomFont.woff, MyCustomFont.woff2）上传到 /templets/fonts/ 这个文件夹里。

你的字体文件路径是：你的域名/templets/fonts/MyCustomFont.woff 等等。

第三步：在CSS中定义并调用字体

现在需要修改你的网站CSS文件,让网站知道这个新字体的存在。

1. 找到你的CSS文件：

   • 网站主样式表通常位于 /templets/你的默认模板目录/style/ 或 /templets/你的默认模板目录/css/ 文件夹下，文件名可能是 style.css, main.css 等。
   • 你也可以直接在织梦后台的 “模板” -> “默认模板管理” 中找到并编辑当前使用的CSS文件。

2. 在CSS文件中添加 @font-face 规则： 在CSS文件的顶部或合适的位置，添加如下代码：

   /* 定义新字体 */
   @font-face {
     font-family: 'MyCustomFont'; /* 给你的新字体起一个名字，方便后面调用 */
     src: url('/templets/fonts/MyCustomFont.eot'); /* IE9兼容 */
     src: url('/templets/fonts/MyCustomFont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('/templets/fonts/MyCustomFont.woff2') format('woff2'), /* 现代浏览器，优先加载 */
          url('/templets/fonts/MyCustomFont.woff') format('woff'), /* 大多数现代浏览器 */
          url('/templets/fonts/MyCustomFont.ttf') format('truetype'); /* 不支持woff的现代浏览器 */
     font-weight: normal; /* 定义字体粗细，可选 normal, bold, 100-900 */
     font-style: normal; /* 定义字体样式，可选 normal, italic */
   }

   代码解释：

   • font-family: 'MyCustomFont';：这是你给新字体起的名字，后续会用到。
   • src: ...;：这里定义了字体的来源，我们按照浏览器兼容性从旧到新排列，并指定了格式，浏览器会按顺序寻找第一个它能识别的格式。url() 路径是相对于你网站根目录的，所以使用 /templets/fonts/... 是最稳妥的写法。

3. 在CSS中应用新字体： 定义好字体后，你就可以在任何CSS选择器中使用它了，你想让所有段落的文字都使用这个新字体：

   /* 在CSS中应用新字体 */
   p {
     font-family: 'MyCustomFont', 'Microsoft YaHei', '微软雅黑', sans-serif; /* 优先使用MyCustomFont，如果加载失败则回退到系统默认字体 */
   }

   最佳实践：在 font-family 属性中，将你的自定义字体放在最前面，后面跟上几个备用的系统字体（如 Microsoft YaHei, SimSun, Arial 等），这样即使新字体加载失败，用户也能看到清晰的文字，而不是乱码。

第四步：更新模板并刷新网站

1. 保存你修改过的CSS文件。
2. 登录织梦DedeCMS后台,进入 “模板” -> “默认模板管理”。
3. 找到你刚才修改的模板文件（例如首页 index.htm），点击后面的“更新”按钮。
4. 清理一下浏览器缓存,或者按 Ctrl + F5 强制刷新网页，即可看到新字体的效果。

使用第三方字体服务（最专业，推荐商业网站）

对于追求极致性能和稳定性的网站,可以使用Google Fonts、阿里云字体等第三方字体服务，这种方法不需要你上传字体文件到自己的服务器，所有字体文件由CDN（内容分发网络）分发，速度更快，全球用户访问体验都很好。

操作步骤（以Google Fonts为例）：

1. 选择字体： 访问 Google Fonts，选择你喜欢的字体，点击 "Select"。

2. 获取嵌入代码：

   • 在右侧的 "Selected family" 面板中，选择你想要的字重（如 Regular, Bold）。
   • 点击底部的 @import 标签页，复制提供的CSS代码。
   • 代码通常是这样的：@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap');

3. 将代码添加到你的CSS文件：

   • 将上面复制的 @import 代码粘贴到你网站主CSS文件的最顶部。
   • 像方法二一样,在需要的地方应用这个字体：

   /* 1. 从Google Fonts复制的代码 */
   @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700&display=swap');
   /* 2. 在CSS中应用新字体 */
   body {
     font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
   }

4. 更新模板并刷新网站： 同样，保存CSS文件，在织梦后台更新模板，并刷新浏览器查看效果。

总结与建议

给DedeCMS用户的最终建议：

• 新手或简单需求：直接使用方法二，虽然步骤多，但一劳永逸，且完全掌控在自己的服务器上。
• 追求性能或专业网站：强烈推荐使用方法三（Google Fonts/阿里云字体），这是目前业界的最佳实践。
• 避免使用图片字体：不要为了特殊效果把文字做成图片，这不利于SEO，也无法被用户复制。

希望这个详细的教程能帮助你在织梦DedeCMS中成功添加新字体！