CSS Files - Copy & Paste
|
|
CSS Files - Copy & Paste |
Hier habe ich für Euch 4 verschiedene Font-Familen zusammengestellt, mit
verschiedenen Schriftgrössen.Um sie zu verwenden, braucht Ihr Sie nur markieren
und in eure HTML Seiten in den <HEAD>...</HEAD> Bereich kopieren.
Oder Ihr ladet euch die CSS Files als externe *.css und bindet sie ein:
Download alle 4 CSS/Files (in ZIP verpackt): css_files.zip
Eingebunden wird der externe CSS im <HEAD>...</HEAD> Bereich
mit dem Aufruf:
<link rel="STYLESHEET" href="style.css" type="text/css">
( "style.css" ist der name vom file, z.B.: arial.css )
Achtung: Vor der Verwendung in bestehenden Seiten müsst Ihr alle Schriftarten&
Größen auf "Standardschriftart" oder "Default Font"
zurücksetzen!
Legende zum CSS:
Fontfamilie Arial, Helvetica (Win,Mac):
<style type="text/css">
<!--
body { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 10pt}
caption { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 10pt}
H1 { font-family: Arial, Helvetica, Helv, sans-serif;}
H2 { font-family: Arial, Helvetica, Helv, sans-serif;}
H3 { font-family: Arial, Helvetica, Helv, sans-serif;}
H4 { font-family: Arial, Helvetica, Helv, sans-serif;}
li { font-family: Arial, Helvetica, Helv, sans-serif; list-style-type: square;
font-size: 10pt}
ol { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 10pt}
ul { font-family: Arial, Helvetica, Helv, sans-serif; list-style-type: square;
font-size: 10pt}
p { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 10pt}
br { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 10pt}
div { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 10pt}
table { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 10pt}
td {font-family: Arial, Helvetica, Helv, sans-serif; font-size: 10pt}
hr { color: #0066CC}
a:link { color: #000000}
a:active { color: #000000}
a:visited { color: #990000}
a:hover { color: #CC0000}
.gismo8 { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 8pt}
.gismo10 { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 10pt}
.gismo12 { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 12pt}
.gismo14 { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 14pt}
.gismo16 { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 16pt}
.gismo18 { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 18pt;
font-weight: bold}
.gismo20 { font-family: Arial, Helvetica, Helv, sans-serif; font-size: 20pt;
font-weight: bold}
.blocktext10 { font-family: Arial, Helvetica, Helv, sans-serif; text-align:
justify; font-size: 10pt;}
-->
</style>
Fontfamilie Verdana, Arial, Helvetica (Win,Mac):
<style type="text/css">
<!--
body { Verdana, Arial, Helvetica, Helv, sans-serif; font-size: 10pt }
H1 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; }
H2 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; }
H3 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; }
H4 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; }
li { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; list-style-type:
square; font-size: 10pt }
ol { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size: 10pt
}
ul { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; list-style-type:
square; font-size: 10pt }
p { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size: 10pt
}
caption { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size:
10pt }
br { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size: 10pt
}
div { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size: 10pt
}
table { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size:
10pt }
td { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size: 10pt
}
hr { color: #0066CC}
a:link { color: #000000 }
a:active { color: #000000 }
a:visited { color: #990000 }
a:hover { color: #CC0000}
.gismo8 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size:
8pt }
.gismo10 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size:
10pt }
.gismo12 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size:
12pt }
.gismo14 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size:
14pt }
.gismo16 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size:
16pt }
.gismo18 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size:
18pt; font-weight: bold }
.gismo20 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; font-size:
20pt; font-weight: bold }
.blocktext10 { font-family: Verdana, Arial, Helvetica, Helv, sans-serif; text-align:
justify; font-size: 10pt; }
-->
</style>
Fontfamilie Garamond, Georgia, Times New Roman, Times (Win,Mac):
<style type="text/css">
<!--
body { Garamond, Georgia, Times New Roman, Times, serif; font-size: 10pt }
H1 { font-family: Garamond, Georgia, Times New Roman, Times, serif; }
H2 { font-family: Garamond, Georgia, Times New Roman, Times, serif; }
H3 { font-family: Garamond, Georgia, Times New Roman, Times, serif; }
H4 { font-family: Garamond, Georgia, Times New Roman, Times, serif; }
li { font-family: Garamond, Georgia, Times New Roman, Times, serif; list-style-type:
square; font-size: 10pt }
ol { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
10pt }
ul { font-family: Garamond, Georgia, Times New Roman, Times, serif; list-style-type:
square; font-size: 10pt }
p { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
10pt }
caption { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
10pt }
br { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
10pt }
div { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
10pt }
table { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
10pt }
td { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
10pt }
hr { color: #0066CC}
a:link { color: #000000 }
a:active { color: #000000 }
a:visited { color: #990000 }
a:hover { color: #CC0000}
.gismo8 { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
8pt }
.gismo10 { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
10pt }
.gismo12 { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
12pt }
.gismo14 { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
14pt }
.gismo16 { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
16pt }
.gismo18 { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
18pt; font-weight: bold }
.gismo20 { font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size:
20pt; font-weight: bold }
.blocktext10 { font-family: Garamond, Georgia, Times New Roman, Times, serif;
text-align: justify; font-size: 10pt; }
-->
</style>
Fontfamilie Courier New, Courier, mono (Win,Mac):
<style type="text/css">
<!--
body { Courier New, Courier, mono; font-size: 10pt }
H1 { font-family: Courier New, Courier, mono; }
H2 { font-family: Courier New, Courier, mono; }
H3 { font-family: Courier New, Courier, mono; }
H4 { font-family: Courier New, Courier, mono; }
li { font-family: Courier New, Courier, mono; list-style-type: square; font-size:
10pt }
ol { font-family: Courier New, Courier, mono; font-size: 10pt }
ul { font-family: Courier New, Courier, mono; list-style-type: square; font-size:
10pt }
p { font-family: Courier New, Courier, mono; font-size: 10pt }
caption { font-family: Courier New, Courier, mono; font-size: 10pt }
br { font-family: Courier New, Courier, mono; font-size: 10pt }
div { font-family: Courier New, Courier, mono; font-size: 10pt }
table { font-family: Courier New, Courier, mono; font-size: 10pt }
td { font-family: Courier New, Courier, mono; font-size: 10pt }
hr { color: #0066CC}
a:link { color: #000000 }
a:active { color: #000000 }
a:visited { color: #990000 }
a:hover { color: #CC0000}
.gismo8 { font-family: Courier New, Courier, mono; font-size: 8pt }
.gismo10 { font-family: Courier New, Courier, mono; font-size: 10pt }
.gismo12 { font-family: Courier New, Courier, mono; font-size: 12pt }
.gismo14 { font-family: Courier New, Courier, mono; font-size: 14pt }
.gismo16 { font-family: Courier New, Courier, mono; font-size: 16pt }
.gismo18 { font-family: Courier New, Courier, mono; font-size: 18pt; font-weight:
bold }
.gismo20 { font-family: Courier New, Courier, mono; font-size: 20pt; font-weight:
bold }
.blocktext10 { font-family: Courier New, Courier, mono; text-align: justify;
font-size: 10pt; }
-->
</style>
© 2001 by g¿smo