Question

我下载了字体系列 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">&#43;</button>
            </form>
            <div class="list-container">
                <ul class="list"></ul>
            </div>
        </div>

        <script>
        </script>
    </body>
</html>

我添加填充文字是因为显然“我没有足够的细节。”你不必读这个。好吧，我有一个带绿色茎的粉红色仙人掌。

Answer 1

也许检查网址路径？例如，您将它们放在字体文件夹中吗？如果是这样，请尝试类似： url('fonts/Tokyo-Outline.eot').

如何添加css字体系列？

1 个答案: