关于joomla:如何将自定义字体添加到您的-Joomla-模板

50次阅读

共计 1833 个字符,预计需要花费 5 分钟才能阅读完成。

Joomla 是第二受欢迎的内容管理系统。简略来说,它是一个您能够在其上创立任何网站的平台。字体模板的应用赋予了新创建的网站共性,原始设计使其对访问者来说视觉舒服并吸引了更多用户。要开始应用该服务,首先须要将字体包下载到计算机。本文将教您如何在 Joomla 网站上应用自定义字体。

Joomla 特点

2005 年,我的项目开发人员决定为创意 Web 用户公布一个新平台。Joomla 的第一个版本提供了许多扩大和模板。古代更新程序具备以下技术特点:

  • 功能丰富 — 通过获取新模块和插件不断改进服务
  • 简略的模板零碎,即便是初学者也能够了解——所有模块的地位、字体、背景色彩和其余性能都按不便的顺序排列;
  • 字体的大目录 – 自从 Joomla 推出以来,曾经创立了大量的付费和收费黑白模板
  • 存在外部媒体管理器,容许将您本人的文件上传到站点
  • 灵便且实用的机制,用于通过对网站元素的拜访权限来分隔用户
  • 可能设置资料公布的开始和完结日期 – 此性能便于满足截止日期和时间表,也实用于繁忙的用户
  • 可能在网站上创立受限区域,仅容许个人用户拜访
  • 如果有适当的拜访权限,则可能从站点的用户局部进行治理

只管具备许多重要的劣势,但该平台在性能、安全性和工作速度方面仍在持续倒退。

Joomla 平台的劣势

在应用该服务的次要劣势中,客户强调:

  • 直观的治理面板界面 – 即便是没有教训的初学者也能够应用 Joomla 创立一个好的网站
  • 创立和显示菜单的便捷机制,有限嵌套级别
  • 开源代码
  • 功能丰富的资料管理器的存在 – 此性能容许您公布有限数量的资料,甚至将它们划分为类别
  • 不便的模块零碎,可在网页上的各个地位显示用户所需的数据
  • 多功能性和易于设置 – 该程序可为每个用户轻松独自配置
  • 宽泛的用户社区和不断更新,可修复发现的谬误并进步零碎的安全性
  • 多语言 – CMS 引入了多语言反对,容许您在网站页面上以各种语言显示内容

该平台在市场上占据如此高的地位并受到如此多网站用户的青睐也就难能可贵了。开发人员一直对设计进行额定的更改,并使造成网站的过程变得简略而乏味。当初咱们将具体向您展现如何装置和应用字体。

如何将自定义字体装置到模板:根本阐明

为了在 Joomla 平台上应用您本人的自定义字体,您须要:

  • 从互联网下载文件或从“零碎”文件夹复制文件。
  • 转到平台的网站并将下载的文件粘贴到那里。
  • 上传蕴含内容的存档。
  • 将自定义字体导入 HTML 中。

只管装置过程仅蕴含几个步骤,但它有几个细微差别。让咱们别离看一下每个操作。

第 1 步:字体和格局抉择

任何字体都适宜应用。您能够从任何可用站点在线装置字体,也能够在设施上的“字体”文件夹中找到它。须要留神的是,此服务仅反对几种格局:TTF(TrueType 字体),OTF(OpenType 字体),WOFF(Web Open Font Format)或 EOT(嵌入式 OpenType)。

第 2 步:自定义字体导入

下载文件后,点击网站 www.font2web.com 的链接。关上它时,单击“抉择文件”按钮。

抉择字体,而后单击“转换和下载”。该程序将从所选文件制作 zip 存档。从那里,咱们只须要字体文件夹和 CSS 文件。

步骤 3:将自定义字体导入 CSS

复制 Fonts 文件夹的全部内容,而后将其上传到服务上的以下地址,其链接如下所示:服务器上的模板文件夹 / 您的模板名称 /css/template.css。下载之前,请确保文件具备拜访权限 644。

步骤 4:将文件导入 HTML

此操作是所有操作中最长和最艰难的,因而请依照以下步骤操作:
1. 关上字体.css 并在此文件中找到 URL 属性。
2. 那里会有很多链接。将字体 /XXX.xxx 链接修复为 ../fonts/XXX.xxx(在结尾增加两个点和一个斜杠)。

  1. 更改字体系列属性,使其名称与其余文件的名称匹配。

步骤 5:增加自定义字体

执行操作后,您能够应用字体系列属性将 CSS 自定义字体增加到任何元素。为此,您须要在以下最底部增加此代码:
templates/your template name/css/template.css。

代码 .icemegamenu > ul > li > a.iceMenuTitle 是特定扇区的一个元素。Font-family 曾经能够在另一个文件中应用,要替换它,您必须在代码中找到此地位并搁置您的字体名称而不是旧字体名称,或者增加“重要”参数。

下载字体的最终代码应如下所示:

将所有更改保留在模板 / 模板名称 /css/template.css 文件中,并将其上传到 www.font2web.com。当初您晓得如何将自定义字体增加到 CSS。

正文完
 0