使用自定义字体使用CSS？

Question

使用自定义字体使用CSS？我已经看到一些新的网站使用自定义字体在他们的网站(除了正常的Arial，Tahoma等)。它们支持大量的浏览器。一个人是怎么做到的？同时也阻止人们免费下载字体，如果可能的话。

Answer 1

若要确保字体与跨浏览器兼容，请确保使用以下语法：

@font-face {
    font-family: 'Comfortaa Regular';
    src: url('Comfortaa.eot');
    src: local('Comfortaa Regular'), 
         local('Comfortaa'), 
         url('Comfortaa.ttf') format('truetype'),
         url('Comfortaa.svg#font') format('svg'); }

摘自这里.

Answer 2

您必须下载字体文件并将其加载到CSS中。

F.E.我用的是亚农·科菲萨茨我的Web应用程序中的字体。

我通过

@font-face {
    font-family: "Yanone Kaffeesatz";
    src: url("../fonts/YanoneKaffeesatz-Regular.ttf");}

在我的样式表里。