登录 注册

登录

问题 如何让网站前台的中文显示为微软雅黑或其他更美观的字体?

更多
2010年07月15日 04:40 #1 作者: djeigh
我的网站是采用的Joomlart的模版,用QuickStart的方法装成,就是一步到位地安装,而不是先装Joomla再装模版的那种。它的Joomla是英文版的。

输入中文都没有问题。但是发现网站首页的顶部菜单改用中文后,中文字体很难看。请看: www.longjade.com

有什么办法可以让网站前台的中文都显示微软雅黑,或者白老大曾经用过的google的中文字体吗?

谢谢!

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

更多
2010年07月15日 06:57 #2 作者: hcy
网站前台的中文字体显示虽然可以设定,但设定的字体能否在访问者的浏览器上显示,则决定于访问者的电脑上有没有安装设置的字体,如果没有就不能显示。所以,对于字体的设置一定要考虑是不是大众化,否则,自己设得很好,但别人看不到,就可惜了。

设置字体,只要修改模板中的对应部分的css样子就可以了,应该不难。


欢迎光临 joomla(九木塔)普及网 ---- www.joomla999.com


Joomla(九木塔)其实是一个很好很好的东东。 QQ: 5788 125 96 欢迎联系

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

更多
2010年07月15日 12:07 #3 作者: mymyhope
我们的magento中文
www.magentochina.org/
也是用的这个模板,你把模板的字体调大点就好了。

www.cn21cn.com
Magento中文网站
www.magentochina.org
QQ:703640

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

更多
2010年07月15日 15:02 #4 作者: wangfeng_my
你们用的这个模板效果不错。能否给也给我传一个呀

msn: 这个 E-mail 受反垃圾邮件程序保护,您需要启用 JavaScript 才能查看。
QQ:155259396

Name: Mike wang
Email: 这个 E-mail 受反垃圾邮件程序保护,您需要启用 JavaScript 才能查看。
Blog: blog.sina.com/wangfengteacher

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

更多
2010年07月16日 01:04 #5 作者: djeigh

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

更多
2010年07月16日 01:05 #6 作者: djeigh

网站前台的中文字体显示虽然可以设定,但设定的字体能否在访问者的浏览器上显示,则决定于访问者的电脑上有没有安装设置的字体,如果没有就不能显示。所以,对于字体的设置一定要考虑是不是大众化,否则,自己设得很好,但别人看不到,就可惜了。

设置字体,只要修改模板中的对应部分的css样子就可以了,应该不难。

谢谢,你说的很对,原来没想到这点。


欢迎光临 joomla(九木塔)普及网 ---- www.joomla999.com

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

更多
2010年07月16日 01:05 #7 作者: djeigh

我们的magento中文
www.magentochina.org/
也是用的这个模板,你把模板的字体调大点就好了。


我来试一下,谢谢啊。

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

更多
2010年07月16日 01:08 #8 作者: djeigh

你们用的这个模板效果不错。能否给也给我传一个呀

我的是英文版的Joomla一步安装的的一个package, 是集成的,如果你需要中文Joomla的话,我就没有了。如果你要英文的,我可以给你一份。


msn: 这个 E-mail 受反垃圾邮件程序保护,您需要启用 JavaScript 才能查看。
QQ:155259396

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

更多
2010年07月16日 19:52 #9 作者: Joomla之门
以前我们都认为:如果访客 PC 上没有安装某种字体,那么你在网页中设置使用该字体就没有效果。

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

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

我查看了实现这个效果的网页源代码,有关字体设定的那一段 CSS 是:
 
<STYLE type=text/css>
 
@font-face {
       font-family: "msyahei";
       font-style: normal;
       font-weight: normal;
       font-stretch: normal;
       font-stretch: normal;
       src: url("/18/components/com_phocafont/fonts/msyahei.ttf") format("opentype");
   }
 
@font-face {
       font-family: "msyahei";
       font-style: normal;
       font-weight: bold;
       font-stretch: normal;
       src: url("/18/components/com_phocafont/fonts/msyaheibold.ttf") format("opentype");
   }
 
body { font-family: "msyahei", serif, arial, helvetica;}
 
</STYLE>
 

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

如果你对 CSS 不太熟悉,也不要担心。因为:在 Joomla! 网站上,已经有了专门的组件来做这件事。我刚刚汉化了:

点此下载 PhocaFont for Joomla 1.5 自选字体管理组件中文版大礼包


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

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

更多
2010年07月17日 07:20 #10 作者: djeigh

我们的magento中文
www.magentochina.org/
也是用的这个模板,你把模板的字体调大点就好了。


是否要在template.css里面调啊? 谢谢了。

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

更多
2010年07月17日 07:21 - 2010年07月17日 08:03 #11 作者: djeigh

本人实在是低手。继续琢磨了。谢谢老大详细的信息。

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

更多
2010年07月17日 08:25 #12 作者: djeigh

是否要在template.css里面调啊? 谢谢了。


果然在template.css里面,搞定了,谢谢啊。下一步要用白老大的方法了,然后采用雅黑字体。

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

更多
2010年09月07日 10:07 #13 作者: MisterZou
雅黑字体包好像有15.6MB,这样上传到网站上不是要很很久时间?
是否是整站都可以用雅黑字体,包括菜单和联系框里面的输入字体?

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

更多
2010年10月08日 07:45 #14 作者: djeigh

雅黑字体包好像有15.6MB,这样上传到网站上不是要很很久时间?
是否是整站都可以用雅黑字体,包括菜单和联系框里面的输入字体?


我目前还没有搞定这个雅黑字体。我就是希望能够整站都使用雅黑字体。

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

更多
2014年05月09日 11:15 #15 作者: flyjoe
我现在也有相同的需求
希望能有更“详细”的解决方案提供小白我学习!感谢.....

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

更多
2014年05月17日 12:30 #16 作者: flyjoe
PhocaFont for Joomla 1.5 自选字体管理组件中文版大礼包
这个插件我在本地端安装后,可以上传字体,并指定字体

但是在购买的空间,却总是上传失败,想请教一下是否有解决方案?
或是用“FTP”上传后安装,这样可行吗?如何操作呢?

貌似在指定后,好像会链接到google的站点去取字体,好像导致网站显示速度减慢,
不知道是否适合小白的建议方案呢?

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

更多
2014年05月17日 15:21 #17 作者: Joomla之门
你在远程主机上安装字体包的时候,由于字体包体积往往超过 2MB,所以 HTTP 上传安装的方式会出错,因为超过了最大上传限额。

建议采用“从目录安装方式”来安装,或者开启 FTP 模式来安装。

如果该组件连接到 Google 字体库去取字体,这很正常,因为 Phoca Font 本来就支持从谷歌在线字体库调用 webfonts 。

必须提醒的一点是:中文字体文件都很大,不适合用来做“自定义字体加载”。如果你非要这么做,可能网页加载速度会变慢。

请把你的具体需求描述详细一点,我帮你看看有没有更好的方案。

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

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

更多
2014年05月17日 15:35 #18 作者: Joomla之门
为了方便 Joomla 3 用户使用 Phoca Font 组件,刚才更新了汉化版:

点此下载 Phoca Font for Joomla 3 自定义字体管理组件中文版

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

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