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

相关文章

使用python生成固定格式序号的方法详解

《使用python生成固定格式序号的方法详解》这篇文章主要为大家详细介绍了如何使用python生成固定格式序号,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以参考一下... 目录生成结果验证完整生成代码扩展说明1. 保存到文本文件2. 转换为jsON格式3. 处理特殊序号格式(如带圈数字)4

Java中流式并行操作parallelStream的原理和使用方法

《Java中流式并行操作parallelStream的原理和使用方法》本文详细介绍了Java中的并行流(parallelStream)的原理、正确使用方法以及在实际业务中的应用案例,并指出在使用并行流... 目录Java中流式并行操作parallelStream0. 问题的产生1. 什么是parallelS

MySQL数据库双机热备的配置方法详解

《MySQL数据库双机热备的配置方法详解》在企业级应用中,数据库的高可用性和数据的安全性是至关重要的,MySQL作为最流行的开源关系型数据库管理系统之一,提供了多种方式来实现高可用性,其中双机热备(M... 目录1. 环境准备1.1 安装mysql1.2 配置MySQL1.2.1 主服务器配置1.2.2 从

Python版本信息获取方法详解与实战

《Python版本信息获取方法详解与实战》在Python开发中,获取Python版本号是调试、兼容性检查和版本控制的重要基础操作,本文详细介绍了如何使用sys和platform模块获取Python的主... 目录1. python版本号获取基础2. 使用sys模块获取版本信息2.1 sys模块概述2.1.1

Python实现字典转字符串的五种方法

《Python实现字典转字符串的五种方法》本文介绍了在Python中如何将字典数据结构转换为字符串格式的多种方法,首先可以通过内置的str()函数进行简单转换;其次利用ison.dumps()函数能够... 目录1、使用json模块的dumps方法:2、使用str方法:3、使用循环和字符串拼接:4、使用字符

Python版本与package版本兼容性检查方法总结

《Python版本与package版本兼容性检查方法总结》:本文主要介绍Python版本与package版本兼容性检查方法的相关资料,文中提供四种检查方法,分别是pip查询、conda管理、PyP... 目录引言为什么会出现兼容性问题方法一:用 pip 官方命令查询可用版本方法二:conda 管理包环境方法

Linux云服务器手动配置DNS的方法步骤

《Linux云服务器手动配置DNS的方法步骤》在Linux云服务器上手动配置DNS(域名系统)是确保服务器能够正常解析域名的重要步骤,以下是详细的配置方法,包括系统文件的修改和常见问题的解决方案,需要... 目录1. 为什么需要手动配置 DNS?2. 手动配置 DNS 的方法方法 1:修改 /etc/res

解决docker目录内存不足扩容处理方案

《解决docker目录内存不足扩容处理方案》文章介绍了Docker存储目录迁移方法:因系统盘空间不足,需将Docker数据迁移到更大磁盘(如/home/docker),通过修改daemon.json配... 目录1、查看服务器所有磁盘的使用情况2、查看docker镜像和容器存储目录的空间大小3、停止dock

JavaScript对象转数组的三种方法实现

《JavaScript对象转数组的三种方法实现》本文介绍了在JavaScript中将对象转换为数组的三种实用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友... 目录方法1:使用Object.keys()和Array.map()方法2:使用Object.entr

SpringBoot中ResponseEntity的使用方法举例详解

《SpringBoot中ResponseEntity的使用方法举例详解》ResponseEntity是Spring的一个用于表示HTTP响应的全功能对象,它可以包含响应的状态码、头信息及响应体内容,下... 目录一、ResponseEntity概述基本特点:二、ResponseEntity的基本用法1. 创