Question

我正在为我的在线广播电台开展一个项目，那就是电视台的网站。我努力工作，让它看起来很漂亮，并且非常自豪。现在，我现在正在托管免费托管/子域名服务。这真的让我感到悲伤，因为格式适用于我的计算机，但是当我在不同的计算机上访问URL（在同一浏览器中）时，除了CSS（字体，包装等等）之外，一切都很好。该网站的格式已经过时了。

这是我第一次将我创建的网站上传到网上，所以我对此很陌生。有什么我想念的，或者？

我网站的完整链接是http://thexradioonline.host56.com，下面是一些CSS。我愿意尝试任何方法让它发挥作用。

#body{
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
background-color:#999999;
}

#wrapper{
height:auto;
width:1000px;
float:center;
padding-left:200px;
}

我会提供更多代码，但我知道这是一个格式化问题。再说一次，我以前从未这样做过，所以如果有人知道这个问题，那就太棒了。

Answer 1

我相信你的问题是为什么你的字体font-family:neou;不适用于每一个，这是因为你使用的是非标准字体，我认为你已经安装在你的电脑上但其他机器没有。

您可以通过3种不同的方式解决问题。第一种方法是将您使用的字体更改为每个人都拥有的字体，CSS font stack应该在这里提供帮助。第二种方法是从库中选择一种字体，例如Google font，允许您通过<link/>属性或JavaScript或@import在CSS中包含字体。第三种方法是将与您的字体相关的所有文件上传到您的服务器上，并使用@font-face将其添加到您的CSS中，例如：

@font-face {
  font-family: 'neou';
  src: url('neou.eot'); /* IE9 Compat Modes */
  src: url('neou.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('neou.woff') format('woff'), /* Modern Browsers */
       url('neou.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('neou.svg#svgFontName') format('svg'); /* Legacy iOS */
}

reference

CSS格式问题？

1 个答案: