论坛

标题: 为什么预览和上传到网页的字体颜色不一样 [打印本页]

作者: 枫葉児 时间: 2016-7-15 10:36
标题: 为什么预览和上传到网页的字体颜色不一样
本帖最后由枫葉児于 2016-7-18 13:40 编辑

代码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
a:link {
color: #000000;
text-decoration: none;
border-bottom: 1px dotted #000000;
}
a:visited {
text-decoration: none;
color: #000000;
border-bottom-style: dotted;
border-bottom-color: #000000;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #000000;
}
a:active {
text-decoration: none;
color: #FFFFFF;
border-bottom: 1px dotted #000000;
background-color: #000000;
}
a {
font-family: "方正兰亭细黑_GBK_M";
}

</style>
</head>

<body>
<table width="700" height="44" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="44"><div align="center"><a href="https://cuisl.taobao.com/category-1052533606.htm?spm=a1z10.1-c-s.w5003-14498244604.1.vSfEhv&search=y&parentCatId=1052533605&parentCatName=%CC%EC%C8%BB%C6%A4%B8%EF%C5%AE%B0%FC&catName=%CA%D6%CC%E1%B0%FC&scene=taobao_shop#bd">手提包</a></div></td>
<td><div align="center"><a href="https://cuisl.taobao.com/category-1052533606.htm?spm=a1z10.1-c-s.w5003-14498244604.2.WsVTEP&search=y&parentCatId=1052533605&parentCatName=%CC%EC%C8%BB%C6%A4%B8%EF%C5%AE%B0%FC&catName=%CA%D6%CC%E1%B0%FC&scene=taobao_shop#bd">手提单肩</a></div></td>
<td><div align="center"><a href="https://cuisl.taobao.com/category-1052533607.htm?spm=a1z10.1-c-s.w5003-14498244604.3.HiZq3Q&search=y&parentCatId=1052533605&parentCatName=%CC%EC%C8%BB%C6%A4%B8%EF%C5%AE%B0%FC&catName=%B5%A5%BC%E7%B0%FC&scene=taobao_shop#bd">手提斜跨</a></div></td>
<td><div align="center"><a href="https://cuisl.taobao.com/category-1052533607.htm?spm=a1z10.1-c-s.w5003-14498244604.3.HiZq3Q&search=y&parentCatId=1052533605&parentCatName=%CC%EC%C8%BB%C6%A4%B8%EF%C5%AE%B0%FC&catName=%B5%A5%BC%E7%B0%FC&scene=taobao_shop#bd">单肩斜跨</a></div></td>
<td><div align="center"><a href="https://cuisl.taobao.com/category-1052533608.htm?spm=a1z10.1-c-s.w5003-14498244604.5.zSAiEB&search=y&parentCatId=1052533605&parentCatName=%CC%EC%C8%BB%C6%A4%B8%EF%C5%AE%B0%FC&catName=%D0%B1%BF%E6%B0%FC&scene=taobao_shop#bd">斜跨包</a></div></td>
<td><div align="center"><a href="https://cuisl.taobao.com/category-1052533609.htm?spm=a1z10.1-c-s.w5003-14498244604.6.4sXfbj&search=y&parentCatId=1052533605&parentCatName=%CC%EC%C8%BB%C6%A4%B8%EF%C5%AE%B0%FC&catName=%CB%AB%BC%E7%B0%FC&scene=taobao_shop#bd">双肩包</a></div></td>
<td><div align="center"><a href="https://cuisl.taobao.com/category-1052533610.htm?spm=a1z10.1-c-s.w5003-14498244604.7.HcKRu8&search=y&parentCatId=1052533605&parentCatName=%CC%EC%C8%BB%C6%A4%B8%EF%C5%AE%B0%FC&catName=%C7%AE%B0%FC/%BF%A8%B0%FC&scene=taobao_shop#bd">钱包手包</a></div></td>
</tr>
</table>
</body>
</html>以上是代码部分

为什么预览和上传到网页的字体颜色不一样

作者: 猫猫大人 时间: 2016-7-15 11:06
可能是字体丢失哟

作者: 枫葉児 时间: 2016-7-15 12:40
字体丢失颜色不会变吧

作者: 潜意式 时间: 2016-7-15 17:58
把你的代码贴上来看看

作者: 枫葉児 时间: 2016-7-18 13:43

潜意式发表于 2016-7-15 17:58
把你的代码贴上来看看

已经把代码复制过来了麻烦老师看一下是用的谷歌浏览器做店铺导航

作者: yuanxi52028 时间: 2016-7-18 17:13
你的本地样式写的是没错，问题应该出来淘宝模板上
1.可能你的样式没有被调用到
2.可能是原有的模板中存在样式，而模板的样式优先级高

你把每一个样式上加上 !important 试试，这是强制调用此样式的意思 color: #000000 !important;

还有一个问题，font-family: "方正兰亭细黑_GBK_M"; 这个样式写法没错，但也存在一个问题，方正兰亭细黑在你本地电脑上的字体库里是有的，所以能调用到，但是，当访问用户的电脑上没有方正兰亭细黑，那这里不会显示这个字体了，最终的效果也就达不到了

一般来讲，如果用到特殊字体，就只能用图片了

如果不用图片，可以采用调用服务器上的字体来实现，但通常中文字体文件比较大，几M到几十M的都有。加载会慢，影响访问体验，这种方法只比较适用英文文件比较小的字体。

作者: 枫葉児 时间: 2016-7-19 12:42

yuanxi52028 发表于 2016-7-18 17:13
你的本地样式写的是没错，问题应该出来淘宝模板上
1.可能你的样式没有被调用到
2.可能是原有的模板中存在样 ...

谢谢还是不行

欢迎光临论坛 (http://bbs.qinxue.com/)