登录 注册

登录

已解决 关于JA模板使用微软雅黑字体的问题

更多
2014年12月22日 09:01 #1 作者: jamesyan
白站长,网站使用宋体实在难看,用了您的Phoca Font for Joomla再上传了字体包后是可以显示雅黑字体了,但是每次打开网页都要先下载字体包,一个字体包要十几兆,实在太慢了,这样的方法用在网站上不太现实。

您的网站用的是雅黑字体,而且都是动态的内容,不知您是怎么做到的呢?

我用的是JA的模板。

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年12月22日 20:09 #2 作者: Joomla之门
我论坛的雅黑字体是自己通过 CSS 定义的:
Kunena th, #Kunena div, #Kunena p, #Kunena span {
font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
}

但是这种方法有一个缺陷:如果访客的电脑上没有安装雅黑字体,那么浏览器就无法用雅黑字体来渲染文字,只能尝试使用上面字体定义里面的下一种,如果 Arial 字体也没安装,就再尝试下一种……

你说的问题我很清楚,使用自定义字体就是这样:要么接受缓慢的加载速度(谁叫中文字体包都这么大呢),要么接受一部分电脑无法实现这种字体(因为客户端没安装)。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年12月24日 08:24 #3 作者: jamesyan
能够达到白站长所说的效果就可以了。

刚试了一下,不知把这段代码放在哪个CSS文件中才合适,试了几次也没成功。

所以还请白站长再指点一下,以JA模板为例,具体应该怎么操作呢。

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年12月25日 07:32 #4 作者: Joomla之门
请提供你网站具体的网址,以便验证此方案是否可行。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年12月26日 09:28 #5 作者: jamesyan
网址、用户名、密码已发送到您的旺旺,请查收,谢谢。

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年12月26日 20:14 #6 作者: Joomla之门
在你网站的 /templates/ja_sugite/css 这个目录中,新建一个 CSS 文件,名为: custom.css ,这个文件里面插入下面的代码:
body {
  font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
}

就可以在你全站使用微软雅黑字体。我刚刚已经帮你操作了,你看看效果。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年12月26日 20:47 #7 作者: jamesyan
白站长,非常感谢,已经成功了。

是不是可以这样理解,joomla的各类模板只要在/templates/模板名/css的目录中建一个CSS文件,再加入这段代码就可以了?

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年12月26日 21:05 #8 作者: jamesyan
谢谢白站长指点,JA是指定custom.css,RT是模板名称-custom.css。

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年12月27日 15:03 #9 作者: jamesyan
白站长,我在RT模板上试了,没有成功。

建了一个“模板名称-custom.css”的文件,填写了您的这段代码,上传到/templates/模板名称/css这个目录中。

在前台页面的源代码中也看到有加载这个CSS文件,但是字体还是原来的宋体,没有变成雅黑。

不只是哪里做错了,请再指点一下。谢谢。

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年12月27日 15:52 #10 作者: Joomla之门
你对你所使用的 RT 模板进行自定义 CSS 文件的操作没有错,文件名正确,上传位置也正确。写入的 CSS 代码从语法角度看也正确。之所以没生效,是因为该模板已经对菜单文字(你测试中文的地方)进行了字体 CSS 定义,基于 CSS 的优先级规则 —— 越靠近对象的元素优先生效 —— 所以,你的 body 元素显然属于最外围、最远离对象的元素,而模板自带的 CSS 里面使用了更靠近菜单文字的元素,原文是:
.font-family-anacron .gf-menu .item

这里的 item 类是菜单项目链接 A 元素的 CSS 类属性。这个 A 元素显然比 Body 元素更接近菜单文字。

所以,你必须使用更“专一”的 CSS 代码,才能起到“僭越生效”(override);同时,为了兼顾到 body 元素还能控制到的其他文字,原来的 body 元素仍然保留:
body, .font-family-anacron .gf-menu .item{
  font-family: Microsoft YaHei, "cabinsemibold",Verdana,Helvetica,Arial,sans-serif;
}

这个问题的根源在于:你不了解 CSS 的“优先级”规则。建议学习一些 CSS 基础知识,以后这些问题就难不倒你了。

顺便说一下,我本来想帮你直接修改了自定义 CSS 文件,但是发现后台无法保存,所以未能修改成功。只能由你自己来操作了。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2014年12月27日 16:37 #11 作者: jamesyan
谢谢白站长,按照您的方法,RT模板可以设置字体了。

登录 或者   注册一个会员帐号 来参与讨论

更多
2015年05月16日 11:46 - 2015年05月16日 11:47 #12 作者: MisterZou
白站长,您好:

好长时间没有上来逛了。

今天我也遇到这个问题,安装了这个模板http://www.joomlart.com/demo/#purity_iii
安装了Phoca Font 和雅黑字体,现在大部分字体已经显示成雅黑,但是还有一行
字体没有显示雅黑,就是模板上的 Hello, I'm Purity III 依旧是宋体。

请问改如何解决?

/templates/purity_iii/css/custom.css
已经修改为
body, .font-family-anacron .gf-menu .item{
  font-family: Microsoft YaHei, "cabinsemibold",Verdana,Helvetica,Arial,sans-serif;
}
 
code,
kbd,
pre,
samp {
  font-family: Microsoft YaHei, Consolas, Monaco, "Courier New", monospace;
}
 
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: inherit;
  font-family: "Microsoft YaHei, Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
}

版本 Joomla 3.4.1
最后修改: 2015年05月16日 11:47 由 MisterZou.

登录 或者   注册一个会员帐号 来参与讨论

更多
2015年05月17日 17:11 #13 作者: Joomla之门
请提供具体网页网址以便查找相关源代码。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2015年05月18日 23:57 #14 作者: MisterZou
请查看附件
附件:

登录 或者   注册一个会员帐号 来参与讨论

更多
2015年05月19日 12:10 #15 作者: Joomla之门
我访问了你网站首页,没有找到 “ Hello, I'm Purity III ”这一句。你能否给出具体的页面网址及这句话的位置?

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论