Nigdy nie widzę czcionki komputerowej Modern, dostarczanej jako domyślny system ustawiania typu LaTeX na dowolnej stronie internetowej.Jak korzystać z nowoczesnej czcionki komputerowej na stronach internetowych?
Jak zmienić CSS tak, aby czcionka rzeczywiście działała pod numerem ?
Korzystanie z komputera Nowoczesna czcionka na stronach internetowych stała się bardzo prosta! Wystarczy wkleić następujące wiersze kodu CSS w sekcji head twojego kodu html, aby aktywować wersję sans-serif tej czcionki.
<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>
Zauważ, że tu rozwiązanie sprawia, że przeglądarka załadować aktualną wersję czcionek z lustrem CTAN, co może być bardzo powolne. Jest to w porządku dla celów testowych, ale na dłuższą metę polecam te pliki .otf na twój własny serwer WWW.
Bardzo ładnie, Holger, udało mi się to zrobić. Dobrze też pójść na [Font Squirrel font-face generator] (http://www.fontsquirrel.com/fontface/generator) i wycisnąć je z 2,2Mb do 291Kb. Teraz mogę je mieć o stronie! :) Nie zapomnij też pobrać pliku .ttf, a nie .otf z projektu [sf cm-unicode] (http://cm-unicode.sourceforge.net/download.html). – lucasarruda
Chociaż moja odpowiedź została przyjęta, ta odpowiedź jest (bardziej) poprawna. Paul Irish ma ciekawy artykuł na ten temat: http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ – Ben
To powinna być zaakceptowana odpowiedź. – jupp0r
@font-face {
font-family: "Computer Modern ";
src: url(ace.ttf);
}
.cm { rodzina czcionek: "Nowoczesny komputer"; }
Musisz mieć plik ttf dla tej czcionki.
"ace.ttf" nie jest czcionką Computer Modern. Zobacz moją odpowiedź na to pytanie. – Holger
Nie można, aż do wersji CSS 2.1 można używać tylko czcionek, które są faktycznie zainstalowane na komputerze klienta. W CSS 3 istnieje kilka sposobów osadzania czcionek na twojej stronie internetowej, ale te sposoby nie są jeszcze obsługiwane przez przeglądarki. Zajrzyj tutaj: http://home.tiscali.nl/developerscorner/fdc-varia/font-embedding.htm
Obecnie można pobrać wszystko co potrzeba (pliki czcionek i CSS) z tej strony:
http://checkmyworking.com/cm-web-fonts/
Wtedy jedyną rzeczą, którą musisz zrobić, to dodać odpowiednie pliki CSS w sekcji nagłówka plik html jak:
<head>
<meta charset="UTF-8" />
<title>Test</title>
<!-- Computer Modern Serif-->
<link rel="stylesheet" href="fonts/Serif/cmun-serif.css"></link>
...
</head>
można po prostu włóż arkusz stylów cSS https://cdn.rawgit.com/dreampulse/computer-modern-web-font/master/fonts.css w nagłówku HTML. W ten sposób:
<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>
Możesz używać czcionki dla witryn produkcyjnych o dowolnym natężeniu ruchu. Pliki są przesyłane za pośrednictwem superszybkiego globalnego CDN MaxCDN. Nie ma ograniczeń ruchu ani dławienie.
nie słyszałem o przypadku używania LaTeX do składu. – BoltClock