css - 如何添加 css 字体系列?
问题描述
我下载了 font-family 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>
我正在添加填充文本,因为显然“我没有足够的细节”。您不必阅读此内容。好吧,我有一个带有绿色茎的粉红色仙人掌。
解决方案
也许检查 url 路径?例如,您是否将它们放在字体文件夹中?如果是这样,请尝试类似:url('fonts/Tokyo-Outline.eot')。
推荐阅读
- python - 在 DatetimeIndex 上使用 .loc 检索特定日期的值 (KeyError
- python - 如何使用 selenium python 定位按钮
- javascript - 如何在 Vue.js 中提醒每个 div 的 id
- javascript - 从 JavaScript 中的嵌套对象数组中提取值
- python - 单击另一个窗口后,Tkinter 设置窗口焦点并设置为前景
- python - 拆分嵌套的字典列表
- sql - 获取相似分组中所有行的百分比
- javascript - 如何将 filter() 和 includes() 与 localeCompare 一起使用以避免重音
- reactjs - 为什么钩子状态改变会导致组件渲染?
- android - 提供者未在另一个屏幕中显示更新状态使用更改通知提供者