美帝網 www.misdr.net

opencart,google字体本地化详细处理方法。包括前后台字体本地化处理。傻瓜也会操作的。

opencart,google字体本地化详细处理方法。包括前后台字体本地化处理。


前两天360的字体服务器停止服务了,导致opencart加载前台首页和后台加载都很慢。

关于国内的情况,有时候引用google的字体服务也不是很顺畅。

所以,我就用我半路出家的技术。讲讲怎么把google字体本地化了。这个解决问题了,以后一旦谷歌被墙得比较厉害的时候,也不会影响opencart加载速度了。

这也是特色情况下的权宜之计。哈哈哈。


1首先讲前台google字体本地化:

大家先在这个路径找到一个文件header.tpl

/catalog/view/theme/default/template/common/header.tpl


2打开这个文件,

你会找到一个连接:fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700

把这句连接输入浏览器地址栏。

浏览器就会显示一个文件,把这个内容保存成一个css文件。我命名成qiantai.css

把这个qiantai.css文件放在这个目录下。/catalog/view/theme/default/stylesheet/  


3这个qiantai.css文件就是谷歌字体的路径。把这些所有的字体下载了。

字体文件放在这个目录下 /catalog/view/javascript/fonts/


PS:由于我自己已经成功本地化了,所以,字体和css文件已经帮你们做好了(你们只需要下载我的文件改路径就可以了)。

你们只需要把字体文件和qiantai.css文件放到相应文件夹。

然后在header.tpl引用一下这个qiantai.css就可以用了。

你们要对qiantai.css文件的内容做一点点更改,就是我的字体路径是url(http://en.shknw.com/catalog/view/javascript/fonts/1.woff2) format('woff2');


你们改成你们自己的字体路径url(http://www.abc.com/catalog/view/javascript/fonts/1.woff2) format('woff2');


4干正活。

再次打开这个文件。

/catalog/view/theme/default/template/common/header.tpl


把原来google字体服务器的路径,改成你自己的路径就可以了。

意思就是引入连接:fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700

——改成:        //en.shknw.com/catalog/view/theme/default/stylesheet/qiantai.css  (这是我自己的路径)

你们的路径就改成: //www.abc.com/catalog/view/theme/default/stylesheet/qiantai.css  


5保存header.tpl

搞定。


后台的,也是一样的思路。重复一样的操作就可以了。



opencart后台google字体本地化。

前台字体28个字体文件,后台字体70个文件。我已经下载好,命名好了。

前台字体文件,你们放在/catalog/view/javascript/fonts/


后台字体文件,你们放在/admin/view/javascript/fonts2/

就绝对不会错的。

记住,要改qiantai.css和houtai.css文件的字体内容路径。


然后在header.tpl引用。。


这个思路,就是把google的那个远程css文件和远程字体,放到本地来存储。

然后建立好路径,告诉opencart系统,css在哪里,字体在哪里。。然后页面加载的时候,就会找到那个qiantai.css和houtai.css

然后在css文件找到字体的路径。。


就是这么一个意思。


补充几句:后台的字体,原来的远程的google css文件的地址在admin/view/stylesheet/stylesheet.css 里面(不在header.tpl里面)。第一行,就是远程的css文件。这个路径要改成你本地的houtai.css路径。改成http://www.abc.com/admin/view/stylesheet/houtai.css




   
评论
美帝网 www.misdr.net
美帝网Lofter  http://misdr.lofter.com
趋势发现  http://wp.misdr.net
Foshan ceramics http://en.shknw.com
金银仓 www.shknw.com
金银仓博客 http://blog.shknw.com
© 美帝網 www.misdr.net | Powered by LOFTER