Skip to content
Browse files

Proper use of webfont

  • Loading branch information...
1 parent a5cc7cf commit 88fae70a8d68c8f0e50b054d7ad18963f585b79a @isaacs isaacs committed Jun 4, 2012
View
2 Makefile
@@ -121,6 +121,8 @@ docpublish: doc-publish
doc-publish: doc
rsync -vazu --stats --no-implied-dirs --delete html/doc/ npmjs.org:/var/www/npmjs.org/public/doc
rsync -vazu --stats --no-implied-dirs --delete html/api/ npmjs.org:/var/www/npmjs.org/public/api
+ rsync -vazu --stats --no-implied-dirs --delete html/webfonts/ npmjs.org:/var/www/npmjs.org/public/webfonts
+ scp html/style.css npmjs.org:/var/www/npmjs.org/public/
zip-publish: release
scp release/* npmjs.org:/var/www/npmjs.org/public/dist/
View
BIN html/api/GubbleBum-Blocky.ttf
Binary file not shown.
View
BIN html/doc/GubbleBum-Blocky.ttf
Binary file not shown.
View
336 html/doc/style.css
@@ -1,336 +0,0 @@
-
-/* reset */
-* {
- margin:0;
- padding:0;
- border:none;
- font-family:inherit;
- font-size:inherit;
- font-weight:inherit;
-}
-:target::before {
- content:" >>> ";
- position:absolute;
- display:block;
- opacity:0.5;
- color:#f00;
- margin:0 0 0 -2em;
-}
-abbr, acronym {
- border-bottom:1px dotted #aaa;
-}
-kbd, code, pre {
- font-family:monospace;
- margin:0;
- font-size:18px;
- line-height:24px;
- background:#eee;
- outline:1px solid #ccc;
-}
-kbd code, kbd pre, kbd kbd,
-pre code, pre pre, pre kbd,
-code code, code pre, code kbd { outline: none }
-.dollar::before {
- content:"$ ";
- display:inline;
-}
-p, ul, ol, dl, pre {
- margin:30px 0;
- line-height:30px;
-}
-hr {
- margin:30px auto 29px;
- width:66%;
- height:1px;
- background:#aaa;
-}
-pre {
- display:block;
-}
-dd :first-child {
- margin-top:0;
-}
-
-body {
- quotes:"" "" "" "";
- width:666px;
- margin:30px auto 120px;
- font-family:Times New Roman, serif;
- font-size:20px;
- background:#fff;
- line-height:30px;
- color:#111;
-}
-
-blockquote {
- position:relative;
- font-size:16px;
- line-height:30px;
- font-weight:bold;
- width:85%;
- margin:0 auto;
-}
-blockquote::before {
- font-size:90px;
- display:block;
- position:absolute;
- top:20px;
- right:100%;
- content:"";
- padding-right:10px;
- color:#ccc;
-}
-.source cite::before {
- content:"";
-}
-.source {
- padding-left:20%;
- margin-top:30px;
-}
-.source cite span {
- font-style:normal;
-}
-blockquote p {
- margin-bottom:0;
-}
-.quote blockquote {
- font-weight:normal;
-}
-
-h1, h2, h3, h4, h5, h6, dt, #header {
- font-family:serif;
- font-size:20px;
- font-weight:bold;
-}
-h2 {
- background:#eee;
-}
-h1, h2 {
- line-height:40px;
-}
-
-i, em, cite {
- font-style:italic;
-}
-b, strong {
- font-weight:bold;
-}
-i, em, cite, b, strong, small {
- line-height:28px;
-}
-small, .small, .small *, aside {
- font-style:italic;
- color:#669;
- font-size:18px;
-}
-spall a, .small a {
- text-decoration:underline;
-}
-del {
- text-decoration:line-through;
-}
-ins {
- text-decoration:underline;
-}
-.alignright { display:block; float:right; margin-left:1em; }
-.alignleft { display:block; float:left; margin-right:1em; }
-
-q:before, q q q:before, q q q q q:before, q q q q q q q:before { content:""; }
-q q:before, q q q q:before, q q q q q q:before, q q q q q q q q:before { content:""; }
-q:after, q q q:after, q q q q q:after, q q q q q q q:after { content:""; }
-q q:after, q q q q:after, q q q q q q:after, q q q q q q q q:after { content:""; }
-
-a { color:#00f; text-decoration:none; }
-a:visited { color:#636; }
-a:hover, a:active { color:#900!important; text-decoration:underline; }
-
-h1 {
- font-weight:bold;
- background:#fff;
-}
-h1 a, h1 a:visited {
- font-family:gubblefont, GubbleBum Blocky, GubbleBum, monospace;
- font-size:60px;
- color:#900;
- display:block;
-}
-h1 a:focus, h1 a:hover, h1 a:active {
- color:#f00!important;
- text-decoration:none;
-}
-
-.navigation {
- display:table;
- width:100%;
- margin:0 0 30px 0;
- position:relative;
-}
-#nav-above {
- margin-bottom:0;
-}
-.navigation .nav-previous {
- display:table-cell;
- text-align:left;
- width:50%;
-}
-/* hang the » and « off into the margins */
-.navigation .nav-previous a:before, .navigation .nav-next a:after {
- content: "«";
- display:block;
- height:30px;
- margin-bottom:-30px;
- text-decoration:none;
- margin-left:-15px;
-}
-.navigation .nav-next a:after {
- content: "»";
- text-align:right;
- margin-left:0;
- margin-top:-30px;
- margin-right:-15px;
-}
-
-
-.navigation .nav-next {
- display:table-cell;
- text-align:right;
- width:50%;
-}
-.navigation a {
- display:block;
- width:100%;
- height:100%;
-}
-
-input, button, textarea {
- border:0;
- line-height:30px;
-}
-textarea {
- height:300px;
-}
-input {
- height:30px;
- line-height:30px;
-}
-input.submit, input#submit, input.button, button, input[type=submit] {
- cursor:hand; cursor:pointer;
- outline:1px solid #ccc;
-}
-
-#wrapper {
- margin-bottom:90px;
- position:relative;
- z-index:1;
- *zoom:1;
- background:#fff;
-}
-#wrapper:after {
- display:block;
- content:".";
- visibility:hidden;
- width:0;
- height:0;
- clear:both;
-}
-
-.sidebar .xoxo > li {
- float:left;
- width:50%;
-}
-.sidebar li {
- list-style:none;
-}
-.sidebar #elsewhere {
- margin-left:-10%;
- margin-right:-10%;
-}
-.sidebar #rss-links, .sidebar #twitter-feeds {
- float:right;
- clear:right;
- width:20%;
-}
-.sidebar #comment {
- clear:both;
- float:none;
- width:100%;
-}
-.sidebar #search {
- clear:both;
- float:none;
- width:100%;
-}
-.sidebar #search h2 {
- margin-left:40%;
-}
-.sidebar #search #s {
- width:90%;
- float:left;
-}
-.sidebar #search #searchsubmit {
- width:10%;
- float:right;
-}
-.sidebar * {
- font-size:15px;
- line-height:30px;
-}
-
-#footer, #footer * {
- text-align:right;
- font-size:16px;
- color:#ccc;
- font-style:italic;
- word-spacing:1em;
-}
-
-#toc {
- position:absolute;
- top:0;
- right:0;
- padding:40px 0 40px 20px;
- margin:0;
- width:200px;
- opacity:0.2;
- z-index:-1;
-}
-#toc:hover {
- opacity:1;
- background:#fff;
- z-index:999;
-}
-#toc ul {
- padding:0;
- margin:0;
-}
-#toc, #toc li {
- list-style-type:none;
- font-size:15px;
- line-height:15px;
-}
-#toc li {
- padding:0 0 0 10px;
-}
-#toc li a {
- position:relative;
- display:block;
-}
-
-@font-face {
- font-family:gubblefont;
- src: url(./GubbleBum-Blocky.ttf) format("truetype");
-}
-
-@media print {
- a[href] {
- color:inherit;
- }
- a[href]:after {
- white-space:nowrap;
- content:" " attr(href);
- }
- a[href^=\#], .navigation {
- display:none;
- }
-}
-
View
2 html/dochead.html
@@ -2,7 +2,7 @@
<html>
<title>@NAME@</title>
<meta http-equiv="content-type" value="text/html;utf-8">
- <link rel="stylesheet" type="text/css" href="./style.css">
+ <link rel="stylesheet" type="text/css" href="../style.css">
<body>
<div id="wrapper">
View
35 html/api/style.css → html/style.css
@@ -1,3 +1,30 @@
+/* @license
+ * MyFonts Webfont Build ID 2303021, 2012-06-04T14:43:21-0400
+ *
+ * The fonts listed in this notice are subject to the End User License
+ * Agreement(s) entered into by the website owner. All other parties are
+ * explicitly restricted from using the Licensed Webfonts(s).
+ *
+ * You may obtain a valid license at the URLs below.
+ *
+ * Webfont: Gubblebum Blocky by Jelloween
+ * URL: http://www.myfonts.com/fonts/jelloween/gubblebum/blocky/
+ * Licensed pageviews: unspecified
+ *
+ *
+ * License: http://www.myfonts.com/viewlicense?type=web&buildid=2303021
+ * Webfonts copyright: Copyright (c) 2007 by Tjarda Koster. All rights reserved.
+ *
+ * © 2012 Bitstream Inc
+*/
+
+@font-face {
+ font-family: gubblefont;
+ src: url('webfonts/23242D_3_0.eot');
+ src: url('webfonts/23242D_3_0.eot?#iefix') format('embedded-opentype'),
+ url('webfonts/23242D_3_0.woff') format('woff'),
+ url('webfonts/23242D_3_0.ttf') format('truetype');
+}
/* reset */
* {
@@ -149,7 +176,7 @@ h1 {
background:#fff;
}
h1 a, h1 a:visited {
- font-family:gubblefont, GubbleBum Blocky, GubbleBum, monospace;
+ font-family:gubblefont, Gubblebum-Blocky, GubbleBum Blocky, GubbleBum, monospace;
font-size:60px;
color:#900;
display:block;
@@ -316,11 +343,6 @@ input.submit, input#submit, input.button, button, input[type=submit] {
display:block;
}
-@font-face {
- font-family:gubblefont;
- src: url(./GubbleBum-Blocky.ttf) format("truetype");
-}
-
@media print {
a[href] {
color:inherit;
@@ -333,4 +355,3 @@ input.submit, input#submit, input.button, button, input[type=submit] {
display:none;
}
}
-
View
BIN html/webfonts/23242D_3_0.eot
Binary file not shown.
View
BIN html/webfonts/23242D_3_0.ttf
Binary file not shown.
View
BIN html/webfonts/23242D_3_0.woff
Binary file not shown.

0 comments on commit 88fae70

Please sign in to comment.
Something went wrong with that request. Please try again.