font test

master
Mark MacKay 2012-07-31 17:46:08 -05:00
parent 6eae20ee3d
commit 00916b4868
4 changed files with 70 additions and 0 deletions

View File

@ -0,0 +1,20 @@
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title>SVG Test</title>
<style type="text/css">
@font-face {
font-family: Arvo;
src: url('arvo-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
</style>
</head>
<body>
<img src="test.svg" width="300" height="300" />
<p style="font-family: Arvo">Hello</p>
</body>
</html>

View File

@ -0,0 +1,15 @@
<svg width="300" height="300" version="1.1" xmlns = 'http://www.w3.org/2000/svg' viewBox="0 0 300 300">
<defs>
<style type="text/css">
@font-face {
font-family: Arvo;
src: url('arvo-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
</style>
</defs>
<rect x="0" y="0" height="300" width="300" fill="#eee" />
<text x="100" y="100" font-family="Arvo" font-weight="normal" font-size="32">Text using CSS @font-face</text>
</svg>

After

Width:  |  Height:  |  Size: 511 B

View File

@ -0,0 +1,20 @@
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title>SVG Test</title>
<style type="text/css">
@font-face {
font-family: Arvo;
src: url('arvo-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
</style>
</head>
<body>
<img src="test.svg" width="300" height="300" />
<p style="font-family: Arvo">Hello</p>
</body>
</html>

View File

@ -0,0 +1,15 @@
<svg width="300" height="300" version="1.1" xmlns = 'http://www.w3.org/2000/svg' viewBox="0 0 300 300">
<defs>
<style type="text/css">
@font-face {
font-family: Arvo;
src: url('arvo-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
</style>
</defs>
<rect x="0" y="0" height="300" width="300" fill="#eee" />
<text x="100" y="100" font-family="Arvo" font-weight="normal" font-size="32">Text using CSS @font-face</text>
</svg>

After

Width:  |  Height:  |  Size: 511 B