返回列表 回复 发帖

关于joomla模板的字体设置

关于joomla模板的字体设置

其实这不应该算是个问题,但是有人却遇到这样的情况,对于初次接触JOOMLA的来说,可能会有这样问题,昨天一网友问我怎么办,并让我写一个贴子出来,我实在不好意思写.但考虑确实有一小部分同胞们有这方面的问题,就冲动的将方法写出来吧.找到你现在用的模板,一般是在templates/你的模板名 /css/里面的含template字母的css文件.打开.
  1. body {
  2. font-family: Helvetica,Arial,sans-serif;
  3. line-height: 1.3em;
  4. margin: 0px 0px 0px 0px;
  5. font-size: 12px;
  6. color: #333;
  7. }
复制代码
找到这一行,就是body,那个font-family:后面就是用的字体,那样就可以更改你想要的字体了。

我的修改为:font-family: "Microsoft YaHei","Lucida Grande", Arial, Helvetica, sans-serif;
黑体的显示效果不好,如果浏览者没有微软雅黑字体,还不如用缺省的宋体。


-------------------补充另一方法:
以前我们都认为:如果访客 PC 上没有安装某种字体,那么你在网页中设置使用该字体就没有效果。

但是,最近我注意到一个案例,似乎这个说法已经不再正确了。

一个有效的做法是:把你想使用的字体(例如:微软雅黑)的 .ttf 文件上传到网站某个目录,然后通过 CSS 来指定页面中某部分内容(例如:body 部分)使用该字体,同时必须在 CSS 中使用 src 指令给出该字体在网站上的保存路径,这样一来,访客 PC 上有没有该字体都不重要了,浏览器会自动调用你指定的字体。

我查看了实现这个效果的网页源代码,有关字体设定的那一段 CSS 是:
  1. <STYLE type=text/css>

  2. @font-face {
  3.        font-family: "msyahei";
  4.        font-style: normal;
  5.        font-weight: normal;
  6.        font-stretch: normal;
  7.        font-stretch: normal;
  8.        src: url("/18/components/com_phocafont/fonts/msyahei.ttf") format("opentype");
  9.    }

  10. @font-face {
  11.        font-family: "msyahei";
  12.        font-style: normal;
  13.        font-weight: bold;
  14.        font-stretch: normal;
  15.        src: url('/"/18/components/com_phocafont/fonts/msyaheibold.ttf"') format("opentype");
  16.    }

  17. body { font-family: "msyahei", serif, arial, helvetica;}

  18. </STYLE>
复制代码
如果你是 CSS 高手,看过这段代码就知道如何手动上传字体文件,然后在模板 CSS 中添加相应代码了。

如果你对 CSS 不太熟悉,也不要担心。因为:在 Joomla! 网站上,已经有了专门的组件来做这件事。我刚刚汉化了
虽然很简单的问题,但是楼主解释的很到位,感谢!
楼主很细心,十分感谢楼主。
雅黑雅黑,我真的考虑这个问题呢~!多谢楼主~!
返回列表