使用自定义字体使用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");}在我的样式表里。