2011-06-25 25 views

cevap

51

Bilgisayarı Kullanma Web sayfalarındaki modern yazı tipi çok kolay! Bu yazı tipinin sans-serif sürümünü etkinleştirmek için html kodunuzun baş kısmındaki aşağıdaki CSS kod satırlarını yapıştırmanız yeterlidir. Çözüm burada tarayıcı çok yavaş olabilir bir CTAN aynasından yazı, güncel sürümünü yüklemek yapar

<style type="text/css"> 
    @font-face { 
    font-family: "Computer Modern"; 
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunss.otf'); 
    } 
    @font-face { 
    font-family: "Computer Modern"; 
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunsx.otf'); 
    font-weight: bold; 
    } 
    @font-face { 
    font-family: "Computer Modern"; 
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunsi.otf'); 
    font-style: italic, oblique; 
    } 
    @font-face { 
    font-family: "Computer Modern"; 
    src: url('http://mirrors.ctan.org/fonts/cm-unicode/fonts/otf/cmunbxo.otf'); 
    font-weight: bold; 
    font-style: italic, oblique; 
    } 

    body { 
    font-family: "Computer Modern", sans-serif; 
    } 
</style> 

Not. Bu, test amacıyla tamam, ancak uzun vadede, download bu .otf dosyalarını kendi web sunucunuza öneririm. Günümüzde

+1

Çok hoş, Holger, Bunu yapabiliyordum. Ayrıca iyi bir şey, [Font Squirrel font-face generator] 'a (http://www.fontsquirrel.com/fontface/generator) gidip 2.2Mb'den 291Kb'ye sıkıştırın. Şimdi onları web sitesine sahip olabilirim! :) Ayrıca, [sf cm-unicode projesi] 'den .ttf değil .otf'u almayı da unutmayın (http://cm-unicode.sourceforge.net/download.html). – lucasarruda

+1

Cevabım kabul edilmiş olsa da, bu cevap (daha) doğrudur. Paul Irish'ın da bu konuda ilginç bir yazısı var: http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ – Ben

+0

Bu kabul edilen cevap olmalı. – jupp0r

1
@font-face { 
font-family: "Computer Modern "; 
src: url(ace.ttf); 
} 

.cm { font-family: "Bilgisayar Modern"; }

Bu yazı tipi için bir ttf dosyanız olması gerekir.

+0

"ace.ttf", Bilgisayar Modern yazı tipi değil. Bu soruya cevabımı görün. – Holger

3

Eğer yukarı CSS 2.1 kadar sadece GERÇEK müşterinin bilgisayara yüklenir fontları kullanabilirsiniz olamaz. CSS 3'te web sayfanıza yazı tipi yerleştirmenin bazı yolları vardır, ancak bu yöntemler henüz tarayıcılar tarafından büyük ölçüde desteklenmemektedir. Buradan bakın: http://home.tiscali.nl/developerscorner/fdc-varia/font-embedding.htm

5

bu web sayfasından ihtiyacınız olan her şeyi (yazı tipi dosyaları ve css) indirebilirsiniz:

http://checkmyworking.com/cm-web-fonts/

Sonra yapmanız gereken tek şey başlık bölümünde tekabül css dosyalarını eklemektir html dosyası gibi:

<head> 
    <meta charset="UTF-8" /> 
    <title>Test</title> 
    <!-- Computer Modern Serif--> 
    <link rel="stylesheet" href="fonts/Serif/cmun-serif.css"></link> 
    ... 
</head> 
2

sadece kendi html başlığına https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css css-stil ekleyebilirsiniz. Şunun gibi:

<head> 
    <!-- ... --> 

    <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css"> 
    <style> 
    body { 
     font-family: "Computer Modern Sans", sans-serif; 
    } 
    </style> 
</head> 

Sen trafik herhangi miktarı ile üretim web siteleri için yazı tipini kullanabilirsiniz. Dosyalar MaxCDN'nin süper hızlı global CDN'si aracılığıyla sunulur. Trafik sınırları veya kısıtlama yoktur.

The README.md on Github

İlgili konular