How to add a css font-family?

Question

I downloaded the font-family Tokyo-Outline, but it won't apply. This is not just a problem with this font all font changes that aren't within css don't work.

<!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>

I am adding filler text because apparently "I don't have enough details." You don't have to read this. Well I have a pink cactus with a green stem.

Answer 1

Maybe check the url path? For example do you have them in a font folder? If so, try something like: url('fonts/Tokyo-Outline.eot').

How to add a css font-family?

Question

1 answers

solution1
0 2021-07-22 18:44:14

How to add a css font-family?

Question

1 answers

solution1 0 2021-07-22 18:44:14

solution1
0 2021-07-22 18:44:14