Как использовать эту технику шрифта CSS?

Question

Заголовок в объявлении Mozilla lab Bespin содержит очень хороший сглаженный шрифт, добавленный с помощью css (который не является стандартным шрифтом). Кто-нибудь знает, как они это сделали?

Bespin Embedded 0.6 выпущен! Теперь в двух великолепных ароматах.

http://mozillalabs.com/bespin/2010/01/15/bespin-embedded-0-6-released-now-in-two-great-flavors/

Answer 1

Они используют директиву @ font-face.

@font-face {
    font-family: "MuseoSans";
    src: url(fonts/MuseoSans_500.otf) format("opentype");
}

Тогда вы можете просто использовать font-family, как и в любом другом правиле CSS. Это поддерживается только несколькими браузерами, так как это CSS3.

У ALA есть отличная статья о CSS3 и font-face здесь .

Answer 2

Если вы видите в исходном коде css, они определяют новое font-face с внешним font-файлом

@font-face {
    font-family: "MuseoSans";
    src: url(fonts/MuseoSans_500.otf) format("opentype");
}

и затем использовать вновь определенное семейство в CSS ..

Answer 3

Попробуйте чтение шрифта , а затем перейдите к FontSquirrel .