1.将字体转为base64格式:

使用网站:字体转化为base64,将字体转化,然后改变代码重新引入

2.在服务器进行配置:

2.1)Apache,你可以在.htaccess文件中添加以下代码:

<FilesMatch "\.(ttf|otf|eot|woff|woff2|svg)$">  
    Header set Access-Control-Allow-Origin "地址"  
</FilesMatch>

这将允许 "地址" 这个域名的请求访问.ttf、.otf、.eot、.woff、.woff2和.svg文件。注意替换为你的实际域名。

- 阅读剩余部分 -

css中添加:

body {
    animation:fadeInAnimation ease 1.8s;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
}
@keyframes fadeInAnimation {
    0% {
    opacity:0;
}
100% {
    opacity:1;
}
}
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

上面的几个属性分别是:

opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.
filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1.
-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。


如何让背景图片透明

<head>
<title>背景透明</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css"> <!-- .alpha{filter:alpha(opacity=30); } --> </style>
</head>
<body background="image/back.jpg" class="alpha">
</body>
</html>

其中,opacity=30 是透明程度,越小越透明。

CSS圆角 border-radius:用这个属性能实现圆角边框的效果。 现在只有Mozilla/Firefox 和 Safari 3支持该属性。请看下面的示例代码: Mozilla/Firefox 和 Safari 3用户将在这里看到圆角边框 此外,设计者还可以随意指定圆角的位置,左上、左下、右上...

CSS圆角 border-radius:用这个属性能实现圆角边框的效果。

现在只有Mozilla/Firefox 和 Safari 3支持该属性。请看下面的示例代码:

- 阅读剩余部分 -