html - 如何在网页上添加字体

如何将字体添加到页面。

例如，假设我有一个特定的.TTF文件。

我想在特定网页上使用此文件。现在，随着所有浏览器对不同字体的处理方式有所不同，可以在CSS中在font-family标记中添加“字体文件”。

如果这无法解决或难以置信，我很抱歉，我是CSS的新手。

最佳答案

创建字体文件夹并保存所有字体文件

    @font-face {
        font-family: 'Archer-Semibold';
        src: url('fonts/archer-semibold-pro.eot');
        src: url('fonts/archer-semibold-pro.eot?#iefix') format('embedded-opentype'),
                 url('fonts/archer-semibold-pro.woff') format('woff'),
                 url('fonts/archer-semibold-pro.ttf') format('truetype'),
                 url('fonts/archer-semibold-pro.svg#archer-semibold-pro') format('svg');
        font-weight: normal;
        font-style: normal;
    }

.menu {
  font-family: Archer-Semibold;
}

url('fonts/archer-semibold-pro.eot')用于IE 9，url('fonts/archer-semibold-pro.eot?#iefix')用于IE 6至8

关于html - 如何在网页上添加字体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13820963/