KoppiePeest

Willekeurige urls of gevonden fragmenten om te onthouden of terug te vinden

Posts Tagged ‘html’

Webfonts example

Posted by JephapE op 6 mei 2010

Upload de *.ttf naar de goede lokatie (relatief pad t.o.v. de css).

<!doctype html>
<html>
	<head>
		<title>Web fonts</title>
		<style>
			@font-face { font-family: 'Bookman'; src: url('font/urw_bookman_l_demi_bold.ttf'); }
			@font-face { font-family: 'Bookman'; font-style: italic; src: url('font/urw_bookman_l_demi_bold_italic.ttf'); }

			@font-face { font-family: 'Palladio'; src: url('font/urw_palladio_l_roman.ttf'); }
			@font-face { font-family: 'Palladio'; font-style: italic; src: url('font/urw_palladio_l_italic.ttf'); }

			body, p, div  {
				font-family: 'Palladio', monospace;
			}
			h1, h2, h3 {
				font-family: 'Bookman', monospace;
			}
		</style>

	</head>
	<body>

		<h1>Hoofdstuk 3 <em>(drie)</em> titel in Bookman</h1>

		<p>De tekst van het <em>derde hoofdstuk</em> en wat tekst er omheen in het Palladio lettertype. </p>

		<blockquote>Wat niet wordt herkend, valt terug op een <tt>monospace</tt> font.</blockquote>

	</body>
</html>

Lees de rest van dit artikel »

Advertenties

Posted in Comp | Getagged: , , , | 2 Comments »