| Author: | Juhapekka “naula” Tolvanen |
|---|---|
| E-Mail: | juhtolv (at) iki (dot) fi |
| Homepage: | http://iki.fi/juhtolv/css-download/ |
| Author’s homepage: | |
| http://iki.fi/juhtolv | |
Table of contents
Copyright (c) 2002-2016 Juhapekka “naula” Tolvanen
juhtolv (at) iki (dot) fi
These styleshees are free, but come WITHOUT ANY WARRANTY; you can copy, redistribute and/or modify these stylesheets under the terms of either of these two licences:
the GNU Free Documentation License, Version 1.2 or any later version published by the Free Software Foundation; with no Invariant Sections, with no Front-Cover Texts, and with no Back-Cover Texts
OR
the Design Science License.
I also enact these two (2) amendments:
1) Document using one or more of these files as its stylesheet can be under any licence (or under no licence at all). So, you do not need to release your WWW-page or other document under GNU FDL and/or DSL, if it uses one or more of these files as its stylesheet.
2) Any Stylesheet is allowed to include these stylesheets via import-mechanism, no matter what is its licence. So, you do not need to release your stylesheet under GNU FDL and/or DSL, if it uses one or more of these files as its imported stylesheet.
A copy of the GNU FDL is available here:
http://www.gnu.org/copyleft/fdl.html
A copy of the DSL is available here:
http://www.dsl.org/copyleft/dsl.txt
Local copies are available in these places:
License of that js/styleswitcher.js is unknown to me: I found that file via "A List Apart":
Eric Meyer enhaced it with font size form:
http://web.archive.org/web/20021201230559/www.meyerweb.com/ui/setup.html
http://web.archive.org/web/20021201232036js%5F/www.meyerweb.com/ui/styleswitch.js
Images ryppy.jpg, ryppy_black.jpg and nimmari_red.png are created by me, myself and I and they are public domain. They have no warranty.
Test file pelle.html is created by me, myself and I and it is public domain and it has no warranty.
Fonts in that directory called cssfonts are not created by me. See their copyright-information and licenses in that sub-directory called 000LICENSES.
When you load stylesheets this way, Netscape 4.* won't load them. I do not bother to provide Stylesheet for Netscape 4.* . It is so hard to create stylesheet that do not crash it and still looks good.
Note: Do not use attribute “title” in that tag that loads stylesheet for mediatype called “print”.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi">
<head>
<link rel="stylesheet" href="indexbw.css"
type="text/css" media="screen,projection,tv" title="indexbw" />
<link rel="alternate stylesheet" href="index.css"
type="text/css" media="screen,projection,tv" title="index" />
<link rel="alternate stylesheet" href="indexbwserif.css"
type="text/css" media="screen,projection,tv" title="indexbwserif" />
<link rel="alternate stylesheet" href="latex.css"
type="text/css" media="screen,projection,tv" title="latex" />
<link rel="stylesheet" href="printbw.css"
type="text/css" media="print" />
<script type="text/javascript" src="js/styleswitcher.js" defer="defer">
</script>
<meta http-equiv="Content-Type"
content="text/html;charset=UTF-8" />
(Clip)
<p class="styleswitch">
<strong>You can change stylesheet here:</strong> (Javascript/DOM):
<a href="#" onclick="setActiveStyleSheet('indexbw'); return false;">
Default: indexbw (Black text on white background)</a>
<a href="#" onclick="setActiveStyleSheet('index'); return false;">
index (Green text on black background)</a> |
<a href="#" onclick="setActiveStyleSheet('indexbwserif'); return false;">
indexbwserif (Black serif font text on white background)</a> |
<a href="#" onclick="setActiveStyleSheet('latex'); return false;">
latex (Black L<sup>A</sup>T<sub>E</sub>X-like font text on white
background)</a>
</p>
(Clip)
<h1 class="ahem">
This site looks much better in a
<a href="http://www.browsehappy.com/">WWW-browser</a> that supports
<a href="http://www.webstandards.org/">web standards</a>, but
information it provides is accessible to any WWW-browser or
Internet device.
</h1>
I also advice to use this piece of Javascript-code very soon after <body> . It loads a javscript-code, that is MIT-licensed. But I do not dare to use that javascript before “<div class="navbartop">” .
<script type="text/javascript">
var $buoop = {c:2};
function $buo_f(){
var e = document.createElement("script");
e.src = "//browser-update.org/update.min.js";
document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script>
If somebody is reading your web page with outdated browser, he will get friendly reminder to upgrade web browser and to go to these web pages:
You may need to edit that file called js/styleswitcher.js at least this line:
document.cookie = name+"="+value+expires+"; path=/~juhtolv/";
Remember to write <p>-tags, <blockquote>-tags, <ul>-tags and friends like this:
<div class="chapter">
<p>
Blah blah blah
</p>
<p>
Foo bar baz qux
</p>
<ul>
<li>Foo</li>
<li>Bar</li>
<li>Baz</li>
<ul>
<blockquote>
“Omnia dicta fortiora si dicta latina.”
</blockquote>
</div>
That way you will not see that background pic between every paragraph. At least other people found that kind of “skip” annoying and I wanted do something for it. But do not use <div class="chapter">-tags inside these tags and their ending tags:
If you want to pressure users of M$IE version 7.* or older to switch to some web browser, you can define stylesheet loading with charset:
<link rel="extra-keyword stylesheet" href="index.css" type="text/css; charset=UTF-8" media="screen,projection,tv" title="index" />
This is completely valid HTML according to W3C, but poor little M$IE can not follow standard very well and style sheet is not loaded at all. IIRC, that CSS-bug is still present even in M$IE 7.
You can use these stylesheets with RSS/RDF-aggregators called AmphetaDesk and Sage, too:
Palatino and its lookalikes etc. in order of importance:
http://luc.devroye.org/palatino2.html
Probably the best-looking clone:
"FPL Neu",
Clones by GUST (Polish TeX-users group):
"TeX Gyre Pagella","TeXGyrePagella",
Other Palatino clone (Based on URW Palladio L):
"Free Paladin",
Palatino clones from URW++:
"URW Palladio L", "URWPalladioL", "URW Palladio", "URWPalladio", Palladio,
Originals:
"Linotype Palatino", "Palatino Linotype", Palatino, "Palatino 2",
Palatino clones from Bitstream:
"Zapf Calligraphic 801", "Zapf Calligraphic 801 BT", "Zapf Calligraphic",
Palatino rip-off that made Hermann Zapf upset:
"Book Antiqua",
Faithful to original:
"PalazzoOriginal",
Not-so-important clones of Palatino:
"Zapf Renaissance", Parlament, PalmSprings, "CG Palacio", "Paladium", Palisade, Patina, Pontiac, "Palation Werk", QTPalatine, Andover, "Andover II", Malibu, Atlas, Elegante, Marathon,
Bitstream Charter and its clones:
"Bitstream Charter BT", "Bitstream Charter BT Roman", "Charter BT Roman", "Bitstream Charter", "CharterBT", "Charter BT", "ITC Charter", Charter, "Charis SIL",
Other serif-fonts in order of importance:
"DejaVu Serif", "Arev Serif", "Bitstream Vera Serif", "Vera Serif", "Droid Serif", "Junicode", "Gentium", "Gentium Alt",
Serif fonts not so well suited for screen (except titles):
Bookman and its clones:
"Free Bookman", "TeX Gyre Bonum", "TeXGyreBonum", "URW Bookman L", "URWBookmanL", "ITC Bookman", Bookman,
Schoolbook and its clones:
"Free Schoolbook", "TeX Gyre Schola", "TeXGyreSchola", "CenturySchL", "Century Schoolbook L", "URW Century Schoolbook L", "Century Schoolbook SWA", "Monotype Century Schoolbook", "Century Schoolbook", "New Century Schoolbook", "New Century Schlbk", "Schoolbook",
Times and its clones:
Freeserif, "TeX Gyre Termes", "TeXGyreTermes", "Liberation Serif", "Free Times", STIX, STIXGeneral, XITS, Thryomanes, "Nimbus Roman No 4", "NimbusRomNo9L", "Nimbus Roman No 9 L", "Nimbus Roman No 9", "Dutch SWA", "Dutch 801 Roman BT", "Dutch 801 BT", "Dutch 809 BT", Dutch, Times, Times Roman, Times New Roman, "Doulos SIL", "TITUS Cyberbit Basic", "Bitstream Cyberbit", "Bitstream Cyberbase",
Non-free serif-fonts:
"Lucida Fax", "Lucida Bright", "Lucida Serif", LucidaBrightWest, LucidaBrightCE, LucidabrightCyr, Lucidabright, "Luxi Serif", "Minion Web Pro", "Minion Web", "Minion Pro Disp", "Minion Pro" "Minion", "Adobe Serif MM" Georgia,
Zapf Chancery and its clones in order of importance:
"Free Chancery", "TeX Gyre Chorus", "TeXGyreChorus", "URW Chancery", "URW Chancery L", "URWChanceryL", "URWChanceryLMed", "ITC Zapf Chancery", "Zapf Chancery", "Monotype Corsiva", Corsiva, Chancery,
Other calligraphic fonts (all non-free):
Arioso, Freeform, Shelley,
Sans-serif fonts in order of importance:
"DejaVu Sans", "Arev Sans" "Bitstream Vera Sans", "Vera Sans", "Droid Sans", Cantarell, Roboto,
Helvetica and its clones in order of iportance:
Freesans, "Free Helvetian", "TeX Gyre Heros", "TeXGyreHeros", "URW Nimbus Sans L", "Nimbus Sans L", NimbusSanL, URWNimbusSanL, Swiss, "Swiss 721 SWA", "Swiss 721", "Swiss 721 BT", Helvetica, Arial, "Arial Unicode MS", "Microsoft Sans Serif", "MS Sans Serif", Helvetic, Helv,
Non-free wide sans serif fonts (good for titles):
"Gill Sans MT", "Gill Sans", "Trebuchet MS",
Other non-free sans serif fonts:
Optima, "URW Classico", "URWClassico",
"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Lucida", "Myriad",
Verdana, Tahoma,
Avant Garde and its clones in order of iportance:
"TeX Gyre Adventor", "TeXGyreAdventor", "Free Avant Garde", "URW Gothic L", "URWGothicL", "URWGothicLDem", "Avant Garde Gothic", "ITC Avant Garde Gothic", "Monotype Century Gothic", "Century Gothic"
Monospace fonts in order of importance:
"DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Droid Sans Mono", "TeX Gyre Cursor", "TeXGyreCursor", Freemono, "Free Courier", "URW Nimbus Mono L", "URW Nimbus Mono", "Nimbus Mono", "Nimbus Mono L", "NimbusMonL", "Courier SWA", Courier, "Courier New",
Non-free monospace fonts:
"Lucida Sans Typewriter", "LucidaSansTypewriter", "LucidaType", "LucidaTypeWest", "LucidaTypeCe", "LucidaTypeCyr", "Lucida Console", "Lucida Serif Typewriter", "Lucida Mono", "Lucida Typewriter", "LucidaTypewriter",
"Luxi Mono",
"Andale Mono", "monotype.com", "Letter Gothic", Monaco,
"Latin Modern Roman 12", "Latin Modern Roman 10", "Latin Modern Roman 9", "Latin Modern Roman 8", "Latin Modern Roman 7", "Latin Modern Roman 6", "Latin Modern Roman 5",
"LMRoman10 Bold", "CM Roman Bold", "Computer Modern Roman Bold", "Universal Modern Bold",
"LMRoman10", "CM Roman", "umb10", "Universal Modern Roman", "Computer Modern Roman Regular",
"Latin Modern SanSerif 8", "Latin Modern SanSerif 9", "Latin Modern SanSerif 10", "Latin Modern SanSerif 12",
"LMSans10 Bold", "CM Sans Bold", "Computer Modern Sans Bold",
"LMSans10", "CM Sans", "Computer Modern Sans Regular",
"Latin Modern Typewriter 8", "Latin Modern Typewriter 9", "Latin Modern Typewriter 10", "Latin Modern Typewriter 12",
"LMTypewriter10", "CM Typewriter", "Computer Modern Typewriter Regular", "Universal Modern Typewriter", "umtt10",
Computer Modern Bright (only in CM-Super):
Computer Modern Bright
Concrete (only in CM-Super):
Computer Modern Concrete
All are in Type 1 format except
Latin Modern:
Debian users can install package called "lmodern"
cm-lgc:
CTAN: fonts/ps-type1/cm-lgc
Universal Modern:
These fonts are in True Type format
http://www.truetex.com/
CM-Super:
This bunch of fonts is really big. You'd better take only Computer Modern Bright and Concrete fonts from them.
CTAN: fonts/ps-type1/cm-super
hfbright is a bunch of fonts that were left out from the original cm-super fonts. But don't install them so, that X Window System and fontconfig will see them, because they break things. But if you want to install them for LaTeX, here they are:
CTAN: fonts/ps-type1/hfbright
Users of Windows without Type 1 support need ATM (Adobe Type Manager):
If you are lazy, just put your font files to ~/.fonts . That way has just few drawbacks:
If you follow these steps, also legacy software will use your fonts and they are cached by fontconfig and they are usable for all users of that computer. Everything after this point must be done as root.
Create directory /usr/local/share/fonts and create subdirs Type1, TrueType and OpenType there.
Your config of X.org (/etc/X11/xorg.conf) must have those font paths:
Section "Files" FontPath "unix/:7100" # local font server # if the local font server has problems, # we can fall back on these FontPath "/usr/lib/X11/fonts/Type1" FontPath "/usr/lib/X11/fonts/TrueType" FontPath "/var/lib/defoma/x-ttcidfont-conf.d/dirs/TrueType" FontPath "/var/lib/defoma/x-ttcidfont-conf.d/dirs/CID" FontPath "/usr/local/share/fonts/Type1" FontPath "/usr/local/share/fonts/TrueType" FontPath "/usr/local/share/fonts/OpenType" FontPath "/usr/lib/X11/fonts/Speedo" FontPath "/usr/lib/X11/fonts/misc" FontPath "/usr/lib/X11/fonts/100dpi/:unscaled" FontPath "/usr/lib/X11/fonts/75dpi/:unscaled" FontPath "/usr/lib/X11/fonts/100dpi" FontPath "/usr/lib/X11/fonts/75dpi" EndSection
Your X.org needs modules freetype and type1:
Section "Module"
Load "bitmap"
Load "dbe"
Load "ddc"
Load "dri"
Load "extmod"
Load "freetype"
Load "glx"
Load "int10"
Load "record"
Load "type1"
Load "vbe"
EndSection
Configuration file of fontconfig (/etc/fonts/fonts.conf) must have that path, too:
<dir>/usr/share/fonts</dir> <dir>/usr/X11R6/lib/X11/fonts/Type1</dir> <dir>/usr/local/share/fonts</dir> <dir>~/.fonts</dir>
There is no need to mention subdirs in that config.
rm -f fonts.cache-1 fonts.dir fonts.scale Fontmap fonts.scale.bak Fontmap.bak type1inst chown -R root: . chmod -R ugo+rX,go-w .
rm -f fonts.cache-1 fonts.dir fonts.scale ttmkfdir -o fonts.scale mkfontdir chown -R root: . chmod -R ugo+rX,go-w .
rm -f fonts.cache-1 fonts.dir fonts.scale mkfontscale ; mkfontdir chown -R root: . chmod -R ugo+rX,go-w .
fc-cache -s -r -v chown -R root: /usr/local/share/fonts chmod -R ugo+rX,go-w /usr/local/share/fonts
After this point you must give commands as normal user (non-root).
You don't need to restart X to see those new fonts in non-fontconfig-supported programs. You can add font paths to X on the fly like this:
xset fp+ /usr/local/share/fonts/Type1 xset fp+ /usr/local/share/fonts/TrueType xset fp+ /usr/local/share/fonts/OpenType
To find new fonts from paths you already using, give this command:
xset fp rehash
Give this command in order to update your fontconfig-cache:
fc-cache -r -v
Suggestion 1a: Not-so-official and artistic styles:
Suggestion 1b: variation of the above: More sans serif used:
Suggestion 1c: variation of the above: More chancery used:
Suggestion 2a: More official and formal styles:
Suggestion 2b: variation of the above: More Palatino used:
Suggestion 2c: variation of the above: All hail Palatino and Charter!:
Suggestion 3: More sans-serif used:
Suggestion 4: Try to avoid Times, Schoolbook and Bookman:
Suggestion 5a: For printing: Use sans-serif as much as possible for titles:
Suggestion 5b: Variation of above:
Suggestion 5c: Variation of above: