我下载了字体系列 Tokyo-Outline,但它不适用。这不仅仅是这个字体的问题,所有不在 css 中的字体更改都不起作用。
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
@font-face {
font-family: 'Tokyo-Outline';
src: url('Tokyo-Outline.eot?#iefix') format('embedded-opentype'), url('Tokyo-Outline.otf') format('opentype'),
url('Tokyo-Outline.woff') format('woff'), url('Tokyo-Outline.ttf') format('truetype'), url('Tokyo-Outline.svg#Tokyo-Outline') format('svg');
font-weight: normal;
font-style: normal;
}
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family: 'Tokyo-Outline';
}
body{
background-color: rgb(244, 129, 83);
}
.all{
position:absolute;
top:50%;
left:50%;
margin-left:-100px;/* half width*/
margin-top:-300px;/* half height*/
}
</style>
</head>
<body>
<div class="all">
<form class="input">
<h3> List</h3><input type="text" id="type"><button id="add">+</button>
</form>
<div class="list-container">
<ul class="list"></ul>
</div>
</div>
<script>
</script>
</body>
</html>
我添加填充文字是因为显然“我没有足够的细节。”你不必读这个。好吧,我有一个带绿色茎的粉红色仙人掌。
答案 0 :(得分:0)
也许检查网址路径?例如,您将它们放在字体文件夹中吗?如果是这样,请尝试类似: url('fonts/Tokyo-Outline.eot').