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

本文主要是介绍opencart,mycncart,google字体本地化详细处理方法。包括前后台。,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

为什么80%的码农都做不了架构师?>>>   hot3.png

 

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

这篇关于opencart,mycncart,google字体本地化详细处理方法。包括前后台。的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/347487

相关文章

SpringBoot中使用Flux实现流式返回的方法小结

《SpringBoot中使用Flux实现流式返回的方法小结》文章介绍流式返回(StreamingResponse)在SpringBoot中通过Flux实现,优势包括提升用户体验、降低内存消耗、支持长连... 目录背景流式返回的核心概念与优势1. 提升用户体验2. 降低内存消耗3. 支持长连接与实时通信在Sp

Conda虚拟环境的复制和迁移的四种方法实现

《Conda虚拟环境的复制和迁移的四种方法实现》本文主要介绍了Conda虚拟环境的复制和迁移的四种方法实现,包括requirements.txt,environment.yml,conda-pack,... 目录在本机复制Conda虚拟环境相同操作系统之间复制环境方法一:requirements.txt方法

Nginx 重写与重定向配置方法

《Nginx重写与重定向配置方法》Nginx重写与重定向区别:重写修改路径(客户端无感知),重定向跳转新URL(客户端感知),try_files检查文件/目录存在性,return301直接返回永久重... 目录一.try_files指令二.return指令三.rewrite指令区分重写与重定向重写: 请求

MySQL 打开binlog日志的方法及注意事项

《MySQL打开binlog日志的方法及注意事项》本文给大家介绍MySQL打开binlog日志的方法及注意事项,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 目录一、默认状态二、如何检查 binlog 状态三、如何开启 binlog3.1 临时开启(重启后失效)

Python中提取文件名扩展名的多种方法实现

《Python中提取文件名扩展名的多种方法实现》在Python编程中,经常会遇到需要从文件名中提取扩展名的场景,Python提供了多种方法来实现这一功能,不同方法适用于不同的场景和需求,包括os.pa... 目录技术背景实现步骤方法一:使用os.path.splitext方法二:使用pathlib模块方法三

Python打印对象所有属性和值的方法小结

《Python打印对象所有属性和值的方法小结》在Python开发过程中,调试代码时经常需要查看对象的当前状态,也就是对象的所有属性和对应的值,然而,Python并没有像PHP的print_r那样直接提... 目录python中打印对象所有属性和值的方法实现步骤1. 使用vars()和pprint()2. 使

CSS实现元素撑满剩余空间的五种方法

《CSS实现元素撑满剩余空间的五种方法》在日常开发中,我们经常需要让某个元素占据容器的剩余空间,本文将介绍5种不同的方法来实现这个需求,并分析各种方法的优缺点,感兴趣的朋友一起看看吧... css实现元素撑满剩余空间的5种方法 在日常开发中,我们经常需要让某个元素占据容器的剩余空间。这是一个常见的布局需求

CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比

《CSS中的Static、Relative、Absolute、Fixed、Sticky的应用与详细对比》CSS中的position属性用于控制元素的定位方式,不同的定位方式会影响元素在页面中的布... css 中的 position 属性用于控制元素的定位方式,不同的定位方式会影响元素在页面中的布局和层叠关

在Windows上使用qemu安装ubuntu24.04服务器的详细指南

《在Windows上使用qemu安装ubuntu24.04服务器的详细指南》本文介绍了在Windows上使用QEMU安装Ubuntu24.04的全流程:安装QEMU、准备ISO镜像、创建虚拟磁盘、配置... 目录1. 安装QEMU环境2. 准备Ubuntu 24.04镜像3. 启动QEMU安装Ubuntu4

SpringBoot整合Flowable实现工作流的详细流程

《SpringBoot整合Flowable实现工作流的详细流程》Flowable是一个使用Java编写的轻量级业务流程引擎,Flowable流程引擎可用于部署BPMN2.0流程定义,创建这些流程定义的... 目录1、流程引擎介绍2、创建项目3、画流程图4、开发接口4.1 Java 类梳理4.2 查看流程图4