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

为什么80%的码农都做不了架构师？>>>   

 

opencart，mycncart,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

————金銀倉原創

 

本來我做好了四個壓縮文件的。可惜這裡的博客不能上傳文件。給大家一個連接，就可以去下載了。

http://blogs.shknw.com/2017/06/11/%E3%80%8Aopencart%EF%BC%8Cmycncart%EF%BC%8Cgoogle%E5%AD%97%E9%AB%94%E6%9C%AC%E5%9C%B0%E5%8C%96%E8%99%95%E7%90%86%E6%96%B9%E6%B3%95%E3%80%8B%E7%9A%84%E5%AD%97%E9%AB%94%E6%96%87%E4%BB%B6%E4%B8%8B/

其實，只要知道了意思，自己動手也可以做出來。

 

转载于:https://my.oschina.net/shknw/blog/918600