mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-18 07:23:13 +00:00
46 lines
2.6 KiB
HTML
46 lines
2.6 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>YUI Library - Fonts - Example: Setting the font-family with YUI Fonts</title>
|
|
<link rel="stylesheet" type="text/css" href="../../build/reset/reset.css">
|
|
<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts.css">
|
|
<style>
|
|
/* Set the selected node's font family to Verdana. */
|
|
.test1 {font-family:Verdana;}
|
|
|
|
/* Set the selected node's font family to Times. */
|
|
.test2 {font-family:Times;}
|
|
|
|
/* Set the selected node's font family to Georgia. */
|
|
.test3 {font-family:Georgia;}
|
|
|
|
/* Set the selected node's font family to Trebuchet. */
|
|
.test4 {font-family:Trebuchet;}
|
|
|
|
/* Set the selected node's font family to Courier. */
|
|
.test5 {font-family:Courier;}
|
|
|
|
/* When you're declaring a font family you only need to provide
|
|
the specific font you're interested in. When your font is
|
|
missing YUI Fonts provides a default fallback path. */
|
|
.test6 {font-family:not-a-real-font-name;}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<h1>YUI Fonts Example: Setting Font Family</h1>
|
|
<p>Only need to set the specific font family you desire; a font fallback path is provided by YUI Fonts.</p>
|
|
|
|
<p class="test1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat.</p>
|
|
<p class="test2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat.</p>
|
|
<p class="test3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat.</p>
|
|
<p class="test4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat.</p>
|
|
<p class="test5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat.</p>
|
|
<p class="test6">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit Lorem ipsum dolor sit amet, volutpat.</p>
|
|
|
|
|
|
|
|
</body>
|
|
</html> |