怎样在shopify页面内使用GOOGLE字体

目前针对于shopify自带的字体怎么说呢总感觉有点不对劲所以我大概归置了一下这个文章

第一步：打开谷歌字体站点找到自己所需要的字体

第二步添加一个自己所需要的字体（ps：字体右上角加号就可以了）

第三步：登陆到Shopify店铺后台, 找到Online Store > Themes；

第四步：选择要编辑的模板，然后点击Actions > Edit Code；

第五步：找到layout下的theme.liquid文件，单击打开；

第六步：按照图二框选中的位置粘贴样式表链接；

第七步：找到Assete下的theme.css.liquid文件，在最下面按照下图位置给目标元素应用此字体，我们以给整站的body应用为例

第八步：保存文件后前往店铺前台，刷新页面，查看该元素字体。

然后选择你上传的字体就可以了

怎样在shopify页面内使用GOOGLE字体相关推荐

如何在下一个网页设计项目中使用Google字体
by Hayden Mills 通过海登米尔斯 So you've probably heard that Google has hundreds of free web fonts ready to ...
33岁想从头学做网页设计_从头开始设计字体-并在24小时内将其提交给Google字体...
33岁想从头学做网页设计 by James Barnard 詹姆斯·巴纳德(James Barnard) 从头开始设计字体-并在24小时内将其提交给Google字体 (Designing a font ...
Metronic学习-1-替换google字体，让页面打开更流畅
Metronic是一款强大的后台模板,包括很多组件.接触过很多后台模板,有Layui,AdminLTE,Inspinia,hui.感觉Layui适合快速开发.Layui封闭性很强,对于前端不太熟悉的话 ...
如何在一天内被Google和百度收录
网站被搜索引擎收录的重要性大家都很清楚,这里就不说了:对于一个新站,如果要一周或者一个月才被Google.百度搜索引擎收录的话这对站长来说是很不爽的,严重者还会影响网站的推广计划.那么新站如何在一天内 ...
网页引入谷歌字体_在网页中使用Google字体
网页引入谷歌字体 Google Fonts is a service provided for free by Google that allows access to thousands of fo ...
WEB前端：(3)HTML5②超链接及页面内跳转
@html5图像及路径 <img src="images/fruit.jpg" alt="水果显示不出来时你就只好看我啦..." width=" ...
批量下载Google字体示例（实）
现在我要批量的下载Google字体,字体文件路径是 http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800 /* cy ...
h5 跳转上个页面刷新_H5实现页面内跳转页面
W3School.com.cn 注释:由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开. 原文来源:http://www.w3school.com.cn JS实现页面内跳转 ...
关于移动端页面在手机调整字体大小后无法正常显示（已解决）
关于移动端页面在手机调整字体大小后内容适配的问题,作为新手我也刚好是第一次遇到, 已经完成的移动端页面,正常情况下在手机上的浏览器端和App端都可以正常显示,可当测试把手机字体调大后,布局就忽然变乱 ...

怎样在shopify页面内使用GOOGLE字体

怎样在shopify页面内使用GOOGLE字体相关推荐

最新文章

热门文章