commit 07d4c4d5598396902e8fa3e9d16bfb491a5b87c7 Author: Christian Pierre MOMON Date: Sat Apr 11 02:51:13 2020 +0200 First commit. diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..b25c15b --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +*~ diff --git a/adhesion.html b/adhesion.html new file mode 100644 index 0000000..7c4c64d --- /dev/null +++ b/adhesion.html @@ -0,0 +1,392 @@ + + + + + + + + + + + + April + + + + + + + + + + + +
+

April

+
+
+
+ +
J'adhère à l'April
+ +
+ + +
+ Choix de la cotisation + + + + + + + + + + + + + + + € + +
+
+ Informations nécessaires +
+ + + + + + + +
+
+ +
+
+ + + + + +
+
+ + + +
+
+ + + + +
+
+
+ Informations facultatives +
+ + + +
+
+ + + + + +
+
+ + + +
+
+ + + +
+
+

+ Une fois adhérent vous disposerez de cinq moyens de paiement: +
+ en ligne par carte bancaire, prélèvement automatique, virement, chèques, + espèces. +

+
Je déclare souhaiter devenir membre de l'association April.
+
+ +
+ +
+
De vous, l'April a besoin
+ + +
+
+ + diff --git a/bannieres_et_photos.html b/bannieres_et_photos.html new file mode 100644 index 0000000..ea4ac1e --- /dev/null +++ b/bannieres_et_photos.html @@ -0,0 +1,40 @@ + + + + + + + + + + + + April + + + + + + + + + + + +
+

April

+
+
+
+

N'hésitez pas à utiliser ces images pour relayer la campagne!

+

adhesion            don

+

+

bannière

+

+

autocollant

+

+

palpatine

+
+
+ + diff --git a/don.html b/don.html new file mode 100644 index 0000000..903bc04 --- /dev/null +++ b/don.html @@ -0,0 +1,102 @@ + + + + + + + + + + + + April + + + + + + + + + + + +
+

April

+
+
+
+
Je soutiens l'April en faisant un don
+

Vous avez choisi de faire un don à l'April pour la soutenir et nous vous en remercions.

+

Nous vous demandons juste de vous rendre sur la boutique et de choisir le montrant qui cous convient.

+
+ + + + +
+ Choix du don + + + + + + + + + + + + + + + € + +
+
+
+ + + + + + + +
+
+ + + + +
+
+ + + +
+
+

+ Une fois sur l'écran suivant, vous disposerez de cinq moyens de paiement: +
+ en ligne par carte bancaire, prélèvement automatique, virement, chèques, + espèces. +

+
+ +
+
+
De vous, l'April a besoin
+ +

Toutes les contributions sont les bienvenues. Il est également possible d'aider l'association en lui donnant de son temps ou en adhérant.

+
+
+ + diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..941dc49 Binary files /dev/null and b/favicon.ico differ diff --git a/font/Apache License.txt b/font/Apache License.txt new file mode 100644 index 0000000..989e2c5 --- /dev/null +++ b/font/Apache License.txt @@ -0,0 +1,201 @@ +Apache License + Version 2.0, January 2004 + http://www.apache.org/licenses/ + + TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION + + 1. Definitions. + + "License" shall mean the terms and conditions for use, reproduction, + and distribution as defined by Sections 1 through 9 of this document. + + "Licensor" shall mean the copyright owner or entity authorized by + the copyright owner that is granting the License. + + "Legal Entity" shall mean the union of the acting entity and all + other entities that control, are controlled by, or are under common + control with that entity. For the purposes of this definition, + "control" means (i) the power, direct or indirect, to cause the + direction or management of such entity, whether by contract or + otherwise, or (ii) ownership of fifty percent (50%) or more of the + outstanding shares, or (iii) beneficial ownership of such entity. + + "You" (or "Your") shall mean an individual or Legal Entity + exercising permissions granted by this License. + + "Source" form shall mean the preferred form for making modifications, + including but not limited to software source code, documentation + source, and configuration files. + + "Object" form shall mean any form resulting from mechanical + transformation or translation of a Source form, including but + not limited to compiled object code, generated documentation, + and conversions to other media types. + + "Work" shall mean the work of authorship, whether in Source or + Object form, made available under the License, as indicated by a + copyright notice that is included in or attached to the work + (an example is provided in the Appendix below). + + "Derivative Works" shall mean any work, whether in Source or Object + form, that is based on (or derived from) the Work and for which the + editorial revisions, annotations, elaborations, or other modifications + represent, as a whole, an original work of authorship. For the purposes + of this License, Derivative Works shall not include works that remain + separable from, or merely link (or bind by name) to the interfaces of, + the Work and Derivative Works thereof. + + "Contribution" shall mean any work of authorship, including + the original version of the Work and any modifications or additions + to that Work or Derivative Works thereof, that is intentionally + submitted to Licensor for inclusion in the Work by the copyright owner + or by an individual or Legal Entity authorized to submit on behalf of + the copyright owner. For the purposes of this definition, "submitted" + means any form of electronic, verbal, or written communication sent + to the Licensor or its representatives, including but not limited to + communication on electronic mailing lists, source code control systems, + and issue tracking systems that are managed by, or on behalf of, the + Licensor for the purpose of discussing and improving the Work, but + excluding communication that is conspicuously marked or otherwise + designated in writing by the copyright owner as "Not a Contribution." + + "Contributor" shall mean Licensor and any individual or Legal Entity + on behalf of whom a Contribution has been received by Licensor and + subsequently incorporated within the Work. + + 2. Grant of Copyright License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + copyright license to reproduce, prepare Derivative Works of, + publicly display, publicly perform, sublicense, and distribute the + Work and such Derivative Works in Source or Object form. + + 3. Grant of Patent License. Subject to the terms and conditions of + this License, each Contributor hereby grants to You a perpetual, + worldwide, non-exclusive, no-charge, royalty-free, irrevocable + (except as stated in this section) patent license to make, have made, + use, offer to sell, sell, import, and otherwise transfer the Work, + where such license applies only to those patent claims licensable + by such Contributor that are necessarily infringed by their + Contribution(s) alone or by combination of their Contribution(s) + with the Work to which such Contribution(s) was submitted. If You + institute patent litigation against any entity (including a + cross-claim or counterclaim in a lawsuit) alleging that the Work + or a Contribution incorporated within the Work constitutes direct + or contributory patent infringement, then any patent licenses + granted to You under this License for that Work shall terminate + as of the date such litigation is filed. + + 4. Redistribution. You may reproduce and distribute copies of the + Work or Derivative Works thereof in any medium, with or without + modifications, and in Source or Object form, provided that You + meet the following conditions: + + (a) You must give any other recipients of the Work or + Derivative Works a copy of this License; and + + (b) You must cause any modified files to carry prominent notices + stating that You changed the files; and + + (c) You must retain, in the Source form of any Derivative Works + that You distribute, all copyright, patent, trademark, and + attribution notices from the Source form of the Work, + excluding those notices that do not pertain to any part of + the Derivative Works; and + + (d) If the Work includes a "NOTICE" text file as part of its + distribution, then any Derivative Works that You distribute must + include a readable copy of the attribution notices contained + within such NOTICE file, excluding those notices that do not + pertain to any part of the Derivative Works, in at least one + of the following places: within a NOTICE text file distributed + as part of the Derivative Works; within the Source form or + documentation, if provided along with the Derivative Works; or, + within a display generated by the Derivative Works, if and + wherever such third-party notices normally appear. The contents + of the NOTICE file are for informational purposes only and + do not modify the License. You may add Your own attribution + notices within Derivative Works that You distribute, alongside + or as an addendum to the NOTICE text from the Work, provided + that such additional attribution notices cannot be construed + as modifying the License. + + You may add Your own copyright statement to Your modifications and + may provide additional or different license terms and conditions + for use, reproduction, or distribution of Your modifications, or + for any such Derivative Works as a whole, provided Your use, + reproduction, and distribution of the Work otherwise complies with + the conditions stated in this License. + + 5. Submission of Contributions. Unless You explicitly state otherwise, + any Contribution intentionally submitted for inclusion in the Work + by You to the Licensor shall be under the terms and conditions of + this License, without any additional terms or conditions. + Notwithstanding the above, nothing herein shall supersede or modify + the terms of any separate license agreement you may have executed + with Licensor regarding such Contributions. + + 6. Trademarks. This License does not grant permission to use the trade + names, trademarks, service marks, or product names of the Licensor, + except as required for reasonable and customary use in describing the + origin of the Work and reproducing the content of the NOTICE file. + + 7. Disclaimer of Warranty. Unless required by applicable law or + agreed to in writing, Licensor provides the Work (and each + Contributor provides its Contributions) on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or + implied, including, without limitation, any warranties or conditions + of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A + PARTICULAR PURPOSE. You are solely responsible for determining the + appropriateness of using or redistributing the Work and assume any + risks associated with Your exercise of permissions under this License. + + 8. Limitation of Liability. In no event and under no legal theory, + whether in tort (including negligence), contract, or otherwise, + unless required by applicable law (such as deliberate and grossly + negligent acts) or agreed to in writing, shall any Contributor be + liable to You for damages, including any direct, indirect, special, + incidental, or consequential damages of any character arising as a + result of this License or out of the use or inability to use the + Work (including but not limited to damages for loss of goodwill, + work stoppage, computer failure or malfunction, or any and all + other commercial damages or losses), even if such Contributor + has been advised of the possibility of such damages. + + 9. Accepting Warranty or Additional Liability. While redistributing + the Work or Derivative Works thereof, You may choose to offer, + and charge a fee for, acceptance of support, warranty, indemnity, + or other liability obligations and/or rights consistent with this + License. However, in accepting such obligations, You may act only + on Your own behalf and on Your sole responsibility, not on behalf + of any other Contributor, and only if You agree to indemnify, + defend, and hold each Contributor harmless for any liability + incurred by, or claims asserted against, such Contributor by reason + of your accepting any such warranty or additional liability. + + END OF TERMS AND CONDITIONS + + APPENDIX: How to apply the Apache License to your work. + + To apply the Apache License to your work, attach the following + boilerplate notice, with the fields enclosed by brackets "[]" + replaced with your own identifying information. (Don't include + the brackets!) The text should be enclosed in the appropriate + comment syntax for the file format. We also recommend that a + file or class name and description of purpose be included on the + same "printed page" as the copyright notice for easier + identification within third-party archives. + + Copyright [yyyy] [name of copyright owner] + + Licensed under the Apache License, Version 2.0 (the "License"); + you may not use this file except in compliance with the License. + You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software + distributed under the License is distributed on an "AS IS" BASIS, + WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and + limitations under the License. \ No newline at end of file diff --git a/font/Cantarell-Bold.eot b/font/Cantarell-Bold.eot new file mode 100644 index 0000000..4795a57 Binary files /dev/null and b/font/Cantarell-Bold.eot differ diff --git a/font/Cantarell-Bold.ttf b/font/Cantarell-Bold.ttf new file mode 100644 index 0000000..a4fe14e Binary files /dev/null and b/font/Cantarell-Bold.ttf differ diff --git a/font/Cantarell-BoldOblique.eot b/font/Cantarell-BoldOblique.eot new file mode 100644 index 0000000..fcbca54 Binary files /dev/null and b/font/Cantarell-BoldOblique.eot differ diff --git a/font/Cantarell-BoldOblique.ttf b/font/Cantarell-BoldOblique.ttf new file mode 100644 index 0000000..e28e364 Binary files /dev/null and b/font/Cantarell-BoldOblique.ttf differ diff --git a/font/Cantarell-Oblique.eot b/font/Cantarell-Oblique.eot new file mode 100644 index 0000000..40e1b3e Binary files /dev/null and b/font/Cantarell-Oblique.eot differ diff --git a/font/Cantarell-Oblique.ttf b/font/Cantarell-Oblique.ttf new file mode 100644 index 0000000..2330ccd Binary files /dev/null and b/font/Cantarell-Oblique.ttf differ diff --git a/font/Cantarell-Regular.eot b/font/Cantarell-Regular.eot new file mode 100644 index 0000000..d5a776a Binary files /dev/null and b/font/Cantarell-Regular.eot differ diff --git a/font/Cantarell-Regular.ttf b/font/Cantarell-Regular.ttf new file mode 100644 index 0000000..ff7a11d Binary files /dev/null and b/font/Cantarell-Regular.ttf differ diff --git a/font/How_to_use_webfonts.html b/font/How_to_use_webfonts.html new file mode 100644 index 0000000..ffbc5f5 --- /dev/null +++ b/font/How_to_use_webfonts.html @@ -0,0 +1,141 @@ + How to Use Webfonts

Installing Webfonts

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

1. Upload your webfonts

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

2. Include the webfont stylesheet

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

@font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?iefix') format('eot'), url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />

3. Modify your own stylesheet

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

p { font-family: 'MyWebFont', Arial, sans-serif; }

4. Test

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

\ No newline at end of file diff --git a/font/LobsterTwo-Bold.eot b/font/LobsterTwo-Bold.eot new file mode 100644 index 0000000..859fcd6 Binary files /dev/null and b/font/LobsterTwo-Bold.eot differ diff --git a/font/LobsterTwo-Bold.ttf b/font/LobsterTwo-Bold.ttf new file mode 100644 index 0000000..ffb1f5e Binary files /dev/null and b/font/LobsterTwo-Bold.ttf differ diff --git a/font/LobsterTwo-BoldItalic.ttf b/font/LobsterTwo-BoldItalic.ttf new file mode 100644 index 0000000..1a9a2c5 Binary files /dev/null and b/font/LobsterTwo-BoldItalic.ttf differ diff --git a/font/LobsterTwo-Italic.ttf b/font/LobsterTwo-Italic.ttf new file mode 100644 index 0000000..26fbca8 Binary files /dev/null and b/font/LobsterTwo-Italic.ttf differ diff --git a/font/LobsterTwo-Regular.eot b/font/LobsterTwo-Regular.eot new file mode 100644 index 0000000..16d98b3 Binary files /dev/null and b/font/LobsterTwo-Regular.eot differ diff --git a/font/LobsterTwo-Regular.ttf b/font/LobsterTwo-Regular.ttf new file mode 100644 index 0000000..f3c629d Binary files /dev/null and b/font/LobsterTwo-Regular.ttf differ diff --git a/font/ShyFonts Font License.txt b/font/ShyFonts Font License.txt new file mode 100644 index 0000000..2da263c --- /dev/null +++ b/font/ShyFonts Font License.txt @@ -0,0 +1,32 @@ +By downloading this font package you agree to the following terms +of use: + + - This FONT PACKAGE is freeware. + + - This FONT PACKAGE may be distributed ONLY via the Internet for + FREE. Under NO circumstances may this FONT PACKAGE be sold for + a profit nor be included as part of another product or CD-ROM + compilation. If you wish to include this FONT PACKAGE for FREE + distribution on your Web Site, please include all of the fonts + and original documentation supplied with this FONT PACKAGE. + + - You may install and use this FONT PACKAGE on an unlimited + amount of machines. + + - You may NOT rename, edit, or create any alternate variations of + the fonts included in this FONT PACKAGE. + + - This FONT PACKAGE comes "as is" with NO warranty whatsoever. + SHYFONTS accepts NO responsibility for any damages or loss of + any kind due to the use of this FONT PACKAGE. The use of this + FONT PACKAGE is solely your responsibility -- you use this FONT + PACKAGE at your own risk. + + - Enjoy the fonts! + +If you have any question regarding this document or the usage of +this font package, feel free to contact us at info@shyfonts.com. +Thank you for downloading this font package and enjoy! + +------------------------------------------------------------------------ +©2001 ShyFonts Type Foundry -- http://www.shyfonts.com \ No newline at end of file diff --git a/font/distantgalaxy_regular_macroman/DISTGRG_-demo.html b/font/distantgalaxy_regular_macroman/DISTGRG_-demo.html new file mode 100644 index 0000000..7cdd3e9 --- /dev/null +++ b/font/distantgalaxy_regular_macroman/DISTGRG_-demo.html @@ -0,0 +1,372 @@ + + + + + + + + + + + + +Distant Galaxy Regular Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyDistant Galaxy Regular +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ + +
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ + +
+ +
+ + + + + + + + + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?iefix') format('eot'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'MyWebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ + +
+ +
+ +
+ +
+ + diff --git a/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.eot b/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.eot new file mode 100644 index 0000000..47db6be Binary files /dev/null and b/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.eot differ diff --git a/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.svg b/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.svg new file mode 100644 index 0000000..9365ad0 --- /dev/null +++ b/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.svg @@ -0,0 +1,463 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.ttf b/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.ttf new file mode 100644 index 0000000..5b03187 Binary files /dev/null and b/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.ttf differ diff --git a/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.woff b/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.woff new file mode 100644 index 0000000..5baf504 Binary files /dev/null and b/font/distantgalaxy_regular_macroman/DISTGRG_-webfont.woff differ diff --git a/font/distantgalaxy_regular_macroman/specimen_files/DISTGRG_-cleartype.png b/font/distantgalaxy_regular_macroman/specimen_files/DISTGRG_-cleartype.png new file mode 100644 index 0000000..8069d56 Binary files /dev/null and b/font/distantgalaxy_regular_macroman/specimen_files/DISTGRG_-cleartype.png differ diff --git a/font/distantgalaxy_regular_macroman/specimen_files/easytabs.js b/font/distantgalaxy_regular_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..e69de29 diff --git a/font/distantgalaxy_regular_macroman/specimen_files/grid_12-825-55-15.css b/font/distantgalaxy_regular_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/distantgalaxy_regular_macroman/specimen_files/grid_12-825-55-15.css @@ -0,0 +1 @@ +.section{margin-bottom:18px}.section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.section{*zoom:1}.section .firstcolumn,.section .firstcol{margin-left:0}.border{padding-left:7px;margin-left:7px;border-left:1px solid #eee}.colborder{padding-left:42px;margin-left:42px;border-left:1px solid #eee}.grid1,.grid1_2cols,.grid1_3cols,.grid1_4cols,.grid2,.grid2_3cols,.grid2_4cols,.grid3,.grid3_2cols,.grid3_4cols,.grid4,.grid4_3cols,.grid5,.grid5_2cols,.grid5_3cols,.grid5_4cols,.grid6,.grid6_4cols,.grid7,.grid7_2cols,.grid7_3cols,.grid7_4cols,.grid8,.grid8_3cols,.grid9,.grid9_2cols,.grid9_4cols,.grid10,.grid10_3cols,.grid10_4cols,.grid11,.grid11_2cols,.grid11_3cols,.grid11_4cols,.grid12{margin-left:15px;float:left;display:inline;overflow:hidden}.width1,.grid1,.span-1{width:55px}.width1_2cols,.grid1_2cols{width:20px}.width1_3cols,.grid1_3cols{width:8px}.width1_4cols,.grid1_4cols{width:2px}.input_width1{width:49px}.width2,.grid2,.span-2{width:125px}.width2_3cols,.grid2_3cols{width:31px}.width2_4cols,.grid2_4cols{width:20px}.input_width2{width:119px}.width3,.grid3,.span-3{width:195px}.width3_2cols,.grid3_2cols{width:90px}.width3_4cols,.grid3_4cols{width:37px}.input_width3{width:189px}.width4,.grid4,.span-4{width:265px}.width4_3cols,.grid4_3cols{width:78px}.input_width4{width:259px}.width5,.grid5,.span-5{width:335px}.width5_2cols,.grid5_2cols{width:160px}.width5_3cols,.grid5_3cols{width:101px}.width5_4cols,.grid5_4cols{width:72px}.input_width5{width:329px}.width6,.grid6,.span-6{width:405px}.width6_4cols,.grid6_4cols{width:90px}.input_width6{width:399px}.width7,.grid7,.span-7{width:475px}.width7_2cols,.grid7_2cols{width:230px}.width7_3cols,.grid7_3cols{width:148px}.width7_4cols,.grid7_4cols{width:107px}.input_width7{width:469px}.width8,.grid8,.span-8{width:545px}.width8_3cols,.grid8_3cols{width:171px}.input_width8{width:539px}.width9,.grid9,.span-9{width:615px}.width9_2cols,.grid9_2cols{width:300px}.width9_4cols,.grid9_4cols{width:142px}.input_width9{width:609px}.width10,.grid10,.span-10{width:685px}.width10_3cols,.grid10_3cols{width:218px}.width10_4cols,.grid10_4cols{width:160px}.input_width10{width:679px}.width11,.grid11,.span-11{width:755px}.width11_2cols,.grid11_2cols{width:370px}.width11_3cols,.grid11_3cols{width:241px}.width11_4cols,.grid11_4cols{width:177px}.input_width11{width:749px}.width12,.grid12,.span-12{width:825px}.input_width12{width:819px}.emptycols_left1,.prepend-1{padding-left:70px}.emptycols_right1,.append-1{padding-right:70px}.emptycols_left2,.prepend-2{padding-left:140px}.emptycols_right2,.append-2{padding-right:140px}.emptycols_left3,.prepend-3{padding-left:210px}.emptycols_right3,.append-3{padding-right:210px}.emptycols_left4,.prepend-4{padding-left:280px}.emptycols_right4,.append-4{padding-right:280px}.emptycols_left5,.prepend-5{padding-left:350px}.emptycols_right5,.append-5{padding-right:350px}.emptycols_left6,.prepend-6{padding-left:420px}.emptycols_right6,.append-6{padding-right:420px}.emptycols_left7,.prepend-7{padding-left:490px}.emptycols_right7,.append-7{padding-right:490px}.emptycols_left8,.prepend-8{padding-left:560px}.emptycols_right8,.append-8{padding-right:560px}.emptycols_left9,.prepend-9{padding-left:630px}.emptycols_right9,.append-9{padding-right:630px}.emptycols_left10,.prepend-10{padding-left:700px}.emptycols_right10,.append-10{padding-right:700px}.emptycols_left11,.prepend-11{padding-left:770px}.emptycols_right11,.append-11{padding-right:770px}.pull-1{margin-left:-70px}.push-1{margin-right:-70px;margin-left:18px;float:right}.pull-2{margin-left:-140px}.push-2{margin-right:-140px;margin-left:18px;float:right}.pull-3{margin-left:-210px}.push-3{margin-right:-210px;margin-left:18px;float:right}.pull-4{margin-left:-280px}.push-4{margin-right:-280px;margin-left:18px;float:right} \ No newline at end of file diff --git a/font/distantgalaxy_regular_macroman/specimen_files/specimen_stylesheet.css b/font/distantgalaxy_regular_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/distantgalaxy_regular_macroman/specimen_files/specimen_stylesheet.css @@ -0,0 +1 @@ +@import url('grid_12-825-55-15.css');html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{color:#000;background-color:#dcdcdc}a{text-decoration:none;color:#1883ba}h1{font-size:32px;font-weight:normal;font-style:normal;margin-bottom:18px}h2{font-size:18px}#container{width:865px;margin:0px auto}#header{padding:20px;font-size:36px;background-color:#000;color:#fff}#header span{color:#666}#main_content{background-color:#fff;padding:60px 20px 20px}#footer p{margin:0;padding-top:10px;padding-bottom:50px;color:#333;font:10px Arial, sans-serif}.tabs{width:100%;height:31px;background-color:#444}.tabs li{float:left;margin:0;overflow:hidden;background-color:#444}.tabs li a{display:block;color:#fff;text-decoration:none;font:bold 11px/11px 'Arial';text-transform:uppercase;padding:10px 15px;border-right:1px solid #fff}.tabs li a:hover{background-color:#00b3ff}.tabs li.active a{color:#000;background-color:#fff}div.huge{font-size:300px;line-height:1em;padding:0;letter-spacing:-.02em;overflow:hidden}div.glyph_range{font-size:72px;line-height:1.1em}.size10{font-size:10px}.size11{font-size:11px}.size12{font-size:12px}.size13{font-size:13px}.size14{font-size:14px}.size16{font-size:16px}.size18{font-size:18px}.size20{font-size:20px}.size24{font-size:24px}.size30{font-size:30px}.size36{font-size:36px}.size48{font-size:48px}.size60{font-size:60px}.size72{font-size:72px}.size90{font-size:90px}.psample_row1{height:120px}.psample_row1{height:120px}.psample_row2{height:160px}.psample_row3{height:160px}.psample_row4{height:160px}.psample{overflow:hidden;position:relative}.psample p{line-height:1.3em;display:block;overflow:hidden;margin:0}.psample span{margin-right:.5em}.white_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);position:absolute;bottom:0}.black_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);position:absolute;bottom:0}.fullreverse{background:#000 !important;color:#fff !important;margin-left:-20px;padding-left:20px;margin-right:-20px;padding-right:20px;padding:20px;margin-bottom:0}.sample_table td{padding-top:3px;padding-bottom:5px;padding-left:5px;vertical-align:middle;line-height:1.2em}.sample_table td:first-child{background-color:#eee;text-align:right;padding-right:5px;padding-left:0;padding:5px;font:11px/12px "Courier New", Courier, mono}code{white-space:pre;background-color:#eee;display:block;padding:10px;margin-bottom:18px;overflow:auto}.bottom,.last{margin-bottom:0 !important;padding-bottom:0 !important}.box{padding:18px;margin-bottom:18px;background:#eee}.reverse,.reversed{background:#000 !important;color:#fff !important;border:none !important}#bodycomparison{position:relative;overflow:hidden;font-size:72px;height:90px;white-space:nowrap}#bodycomparison div{font-size:72px;line-height:90px;display:inline;margin:0 15px 0 0;padding:0}#bodycomparison div span{font:10px Arial;position:absolute;left:0}#xheight{float:none;position:absolute;color:#d9f3ff;font-size:72px;line-height:90px}.fontbody{position:relative}.arialbody{font-family:Arial;position:relative}.verdanabody{font-family:Verdana;position:relative}.georgiabody{font-family:Georgia;position:relative}#layout h1{font-size:36px;line-height:42px;font-weight:normal;font-style:normal}#layout h2{font-size:24px;line-height:23px;font-weight:normal;font-style:normal}#layout h3{font-size:22px;line-height:1.4em;margin-top:1em;font-weight:normal;font-style:normal}#layout p.byline{font-size:12px;margin-top:18px;line-height:12px;margin-bottom:0}#layout p{font-size:14px;line-height:21px;margin-bottom:.5em}#layout p.large{font-size:18px;line-height:26px}#layout .sidebar p{font-size:12px;line-height:1.4em}#layout p.caption{font-size:10px;margin-top:-16px;margin-bottom:18px}#glyph_chart div{background-color:#d9f3ff;color:black;float:left;font-size:36px;height:1.2em;line-height:1.2em;margin-bottom:1px;margin-right:1px;text-align:center;width:1.2em;position:relative;padding:.6em .2em .2em}#glyph_chart div p{position:absolute;left:0;top:0;display:block;text-align:center;font:bold 9px Arial, sans-serif;background-color:#3a768f;width:100%;color:#fff;padding:2px 0}#glyphs h1{font-family:Arial, sans-serif}#installing{font:13px Arial, sans-serif}#installing p,#glyphs p{line-height:1.2em;margin-bottom:18px;font:13px Arial, sans-serif}#installing h3{font-size:15px;margin-top:18px}#rendering h1{font-family:Arial, sans-serif}.render_table td{font:11px "Courier New", Courier, mono;vertical-align:middle} \ No newline at end of file diff --git a/font/distantgalaxy_regular_macroman/stylesheet.css b/font/distantgalaxy_regular_macroman/stylesheet.css new file mode 100644 index 0000000..824d591 --- /dev/null +++ b/font/distantgalaxy_regular_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'distant_galaxyregular';src:url('DISTGRG_-webfont.eot');src:url('DISTGRG_-webfont.eot?#iefix') format("embedded-opentype"),url('DISTGRG_-webfont.woff') format("woff"),url('DISTGRG_-webfont.ttf') format("truetype"),url('DISTGRG_-webfont.svg#distant_galaxyregular') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/opensans_bold_macroman/OpenSans-Bold-demo.html b/font/opensans_bold_macroman/OpenSans-Bold-demo.html new file mode 100644 index 0000000..47db422 --- /dev/null +++ b/font/opensans_bold_macroman/OpenSans-Bold-demo.html @@ -0,0 +1,9 @@ + Open Sans Bold Specimen
AaBb
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
bodyOpen Sans Bold
bodyArial
bodyVerdana
bodyGeorgia

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Lorem Ipsum Dolor

Etiam porta sem malesuada magna mollis euismod

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Pellentesque ornare sem

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

Installing Webfonts

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

1. Upload your webfonts

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

2. Include the webfont stylesheet

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

@font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?iefix') format('eot'), url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />

3. Modify your own stylesheet

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

p { font-family: 'MyWebFont', Arial, sans-serif; }

4. Test

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

\ No newline at end of file diff --git a/font/opensans_bold_macroman/OpenSans-Bold-webfont.eot b/font/opensans_bold_macroman/OpenSans-Bold-webfont.eot new file mode 100644 index 0000000..5d20d91 Binary files /dev/null and b/font/opensans_bold_macroman/OpenSans-Bold-webfont.eot differ diff --git a/font/opensans_bold_macroman/OpenSans-Bold-webfont.svg b/font/opensans_bold_macroman/OpenSans-Bold-webfont.svg new file mode 100644 index 0000000..3ed7be4 --- /dev/null +++ b/font/opensans_bold_macroman/OpenSans-Bold-webfont.svg @@ -0,0 +1,1830 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/opensans_bold_macroman/OpenSans-Bold-webfont.ttf b/font/opensans_bold_macroman/OpenSans-Bold-webfont.ttf new file mode 100644 index 0000000..2109c95 Binary files /dev/null and b/font/opensans_bold_macroman/OpenSans-Bold-webfont.ttf differ diff --git a/font/opensans_bold_macroman/OpenSans-Bold-webfont.woff b/font/opensans_bold_macroman/OpenSans-Bold-webfont.woff new file mode 100644 index 0000000..1205787 Binary files /dev/null and b/font/opensans_bold_macroman/OpenSans-Bold-webfont.woff differ diff --git a/font/opensans_bold_macroman/specimen_files/OpenSans-Bold-cleartype.png b/font/opensans_bold_macroman/specimen_files/OpenSans-Bold-cleartype.png new file mode 100644 index 0000000..9566d3a Binary files /dev/null and b/font/opensans_bold_macroman/specimen_files/OpenSans-Bold-cleartype.png differ diff --git a/font/opensans_bold_macroman/specimen_files/easytabs.js b/font/opensans_bold_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..3a97cb7 --- /dev/null +++ b/font/opensans_bold_macroman/specimen_files/easytabs.js @@ -0,0 +1 @@ +!function(t){t.fn.easyTabs=function(e){var a=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:"active"},e);t(this).each(function(){function e(){t(s+" .easytabs-tab-content").hide()}function n(n){e(),t(s+" .tabs li").removeClass(a.activeClass),t(s+" .tabs li a[href=#"+n+"]").closest("li").addClass(a.activeClass),"none"!=a.fadeSpeed?t(s+" #"+n).fadeIn(a.fadeSpeed):t(s+" #"+n).show()}var s="#"+this.id;if(""==a.defaultContent&&(a.defaultContent=1),"number"==typeof a.defaultContent)var f=t(s+" .tabs li:eq("+(a.defaultContent-1)+") a").attr("href").substr(1);else var f=a.defaultContent;t(s+" .tabs li a").each(function(){var e=t(this).attr("href").substr(1);t("#"+e).addClass("easytabs-tab-content")}),e(),n(f),t(s+" .tabs li").click(function(){var e=t(this).find("a").attr("href").substr(1);return n(e),!1})})}}(jQuery); \ No newline at end of file diff --git a/font/opensans_bold_macroman/specimen_files/grid_12-825-55-15.css b/font/opensans_bold_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/opensans_bold_macroman/specimen_files/grid_12-825-55-15.css @@ -0,0 +1 @@ +.section{margin-bottom:18px}.section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.section{*zoom:1}.section .firstcolumn,.section .firstcol{margin-left:0}.border{padding-left:7px;margin-left:7px;border-left:1px solid #eee}.colborder{padding-left:42px;margin-left:42px;border-left:1px solid #eee}.grid1,.grid1_2cols,.grid1_3cols,.grid1_4cols,.grid2,.grid2_3cols,.grid2_4cols,.grid3,.grid3_2cols,.grid3_4cols,.grid4,.grid4_3cols,.grid5,.grid5_2cols,.grid5_3cols,.grid5_4cols,.grid6,.grid6_4cols,.grid7,.grid7_2cols,.grid7_3cols,.grid7_4cols,.grid8,.grid8_3cols,.grid9,.grid9_2cols,.grid9_4cols,.grid10,.grid10_3cols,.grid10_4cols,.grid11,.grid11_2cols,.grid11_3cols,.grid11_4cols,.grid12{margin-left:15px;float:left;display:inline;overflow:hidden}.width1,.grid1,.span-1{width:55px}.width1_2cols,.grid1_2cols{width:20px}.width1_3cols,.grid1_3cols{width:8px}.width1_4cols,.grid1_4cols{width:2px}.input_width1{width:49px}.width2,.grid2,.span-2{width:125px}.width2_3cols,.grid2_3cols{width:31px}.width2_4cols,.grid2_4cols{width:20px}.input_width2{width:119px}.width3,.grid3,.span-3{width:195px}.width3_2cols,.grid3_2cols{width:90px}.width3_4cols,.grid3_4cols{width:37px}.input_width3{width:189px}.width4,.grid4,.span-4{width:265px}.width4_3cols,.grid4_3cols{width:78px}.input_width4{width:259px}.width5,.grid5,.span-5{width:335px}.width5_2cols,.grid5_2cols{width:160px}.width5_3cols,.grid5_3cols{width:101px}.width5_4cols,.grid5_4cols{width:72px}.input_width5{width:329px}.width6,.grid6,.span-6{width:405px}.width6_4cols,.grid6_4cols{width:90px}.input_width6{width:399px}.width7,.grid7,.span-7{width:475px}.width7_2cols,.grid7_2cols{width:230px}.width7_3cols,.grid7_3cols{width:148px}.width7_4cols,.grid7_4cols{width:107px}.input_width7{width:469px}.width8,.grid8,.span-8{width:545px}.width8_3cols,.grid8_3cols{width:171px}.input_width8{width:539px}.width9,.grid9,.span-9{width:615px}.width9_2cols,.grid9_2cols{width:300px}.width9_4cols,.grid9_4cols{width:142px}.input_width9{width:609px}.width10,.grid10,.span-10{width:685px}.width10_3cols,.grid10_3cols{width:218px}.width10_4cols,.grid10_4cols{width:160px}.input_width10{width:679px}.width11,.grid11,.span-11{width:755px}.width11_2cols,.grid11_2cols{width:370px}.width11_3cols,.grid11_3cols{width:241px}.width11_4cols,.grid11_4cols{width:177px}.input_width11{width:749px}.width12,.grid12,.span-12{width:825px}.input_width12{width:819px}.emptycols_left1,.prepend-1{padding-left:70px}.emptycols_right1,.append-1{padding-right:70px}.emptycols_left2,.prepend-2{padding-left:140px}.emptycols_right2,.append-2{padding-right:140px}.emptycols_left3,.prepend-3{padding-left:210px}.emptycols_right3,.append-3{padding-right:210px}.emptycols_left4,.prepend-4{padding-left:280px}.emptycols_right4,.append-4{padding-right:280px}.emptycols_left5,.prepend-5{padding-left:350px}.emptycols_right5,.append-5{padding-right:350px}.emptycols_left6,.prepend-6{padding-left:420px}.emptycols_right6,.append-6{padding-right:420px}.emptycols_left7,.prepend-7{padding-left:490px}.emptycols_right7,.append-7{padding-right:490px}.emptycols_left8,.prepend-8{padding-left:560px}.emptycols_right8,.append-8{padding-right:560px}.emptycols_left9,.prepend-9{padding-left:630px}.emptycols_right9,.append-9{padding-right:630px}.emptycols_left10,.prepend-10{padding-left:700px}.emptycols_right10,.append-10{padding-right:700px}.emptycols_left11,.prepend-11{padding-left:770px}.emptycols_right11,.append-11{padding-right:770px}.pull-1{margin-left:-70px}.push-1{margin-right:-70px;margin-left:18px;float:right}.pull-2{margin-left:-140px}.push-2{margin-right:-140px;margin-left:18px;float:right}.pull-3{margin-left:-210px}.push-3{margin-right:-210px;margin-left:18px;float:right}.pull-4{margin-left:-280px}.push-4{margin-right:-280px;margin-left:18px;float:right} \ No newline at end of file diff --git a/font/opensans_bold_macroman/specimen_files/specimen_stylesheet.css b/font/opensans_bold_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/opensans_bold_macroman/specimen_files/specimen_stylesheet.css @@ -0,0 +1 @@ +@import url('grid_12-825-55-15.css');html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{color:#000;background-color:#dcdcdc}a{text-decoration:none;color:#1883ba}h1{font-size:32px;font-weight:normal;font-style:normal;margin-bottom:18px}h2{font-size:18px}#container{width:865px;margin:0px auto}#header{padding:20px;font-size:36px;background-color:#000;color:#fff}#header span{color:#666}#main_content{background-color:#fff;padding:60px 20px 20px}#footer p{margin:0;padding-top:10px;padding-bottom:50px;color:#333;font:10px Arial, sans-serif}.tabs{width:100%;height:31px;background-color:#444}.tabs li{float:left;margin:0;overflow:hidden;background-color:#444}.tabs li a{display:block;color:#fff;text-decoration:none;font:bold 11px/11px 'Arial';text-transform:uppercase;padding:10px 15px;border-right:1px solid #fff}.tabs li a:hover{background-color:#00b3ff}.tabs li.active a{color:#000;background-color:#fff}div.huge{font-size:300px;line-height:1em;padding:0;letter-spacing:-.02em;overflow:hidden}div.glyph_range{font-size:72px;line-height:1.1em}.size10{font-size:10px}.size11{font-size:11px}.size12{font-size:12px}.size13{font-size:13px}.size14{font-size:14px}.size16{font-size:16px}.size18{font-size:18px}.size20{font-size:20px}.size24{font-size:24px}.size30{font-size:30px}.size36{font-size:36px}.size48{font-size:48px}.size60{font-size:60px}.size72{font-size:72px}.size90{font-size:90px}.psample_row1{height:120px}.psample_row1{height:120px}.psample_row2{height:160px}.psample_row3{height:160px}.psample_row4{height:160px}.psample{overflow:hidden;position:relative}.psample p{line-height:1.3em;display:block;overflow:hidden;margin:0}.psample span{margin-right:.5em}.white_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);position:absolute;bottom:0}.black_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);position:absolute;bottom:0}.fullreverse{background:#000 !important;color:#fff !important;margin-left:-20px;padding-left:20px;margin-right:-20px;padding-right:20px;padding:20px;margin-bottom:0}.sample_table td{padding-top:3px;padding-bottom:5px;padding-left:5px;vertical-align:middle;line-height:1.2em}.sample_table td:first-child{background-color:#eee;text-align:right;padding-right:5px;padding-left:0;padding:5px;font:11px/12px "Courier New", Courier, mono}code{white-space:pre;background-color:#eee;display:block;padding:10px;margin-bottom:18px;overflow:auto}.bottom,.last{margin-bottom:0 !important;padding-bottom:0 !important}.box{padding:18px;margin-bottom:18px;background:#eee}.reverse,.reversed{background:#000 !important;color:#fff !important;border:none !important}#bodycomparison{position:relative;overflow:hidden;font-size:72px;height:90px;white-space:nowrap}#bodycomparison div{font-size:72px;line-height:90px;display:inline;margin:0 15px 0 0;padding:0}#bodycomparison div span{font:10px Arial;position:absolute;left:0}#xheight{float:none;position:absolute;color:#d9f3ff;font-size:72px;line-height:90px}.fontbody{position:relative}.arialbody{font-family:Arial;position:relative}.verdanabody{font-family:Verdana;position:relative}.georgiabody{font-family:Georgia;position:relative}#layout h1{font-size:36px;line-height:42px;font-weight:normal;font-style:normal}#layout h2{font-size:24px;line-height:23px;font-weight:normal;font-style:normal}#layout h3{font-size:22px;line-height:1.4em;margin-top:1em;font-weight:normal;font-style:normal}#layout p.byline{font-size:12px;margin-top:18px;line-height:12px;margin-bottom:0}#layout p{font-size:14px;line-height:21px;margin-bottom:.5em}#layout p.large{font-size:18px;line-height:26px}#layout .sidebar p{font-size:12px;line-height:1.4em}#layout p.caption{font-size:10px;margin-top:-16px;margin-bottom:18px}#glyph_chart div{background-color:#d9f3ff;color:black;float:left;font-size:36px;height:1.2em;line-height:1.2em;margin-bottom:1px;margin-right:1px;text-align:center;width:1.2em;position:relative;padding:.6em .2em .2em}#glyph_chart div p{position:absolute;left:0;top:0;display:block;text-align:center;font:bold 9px Arial, sans-serif;background-color:#3a768f;width:100%;color:#fff;padding:2px 0}#glyphs h1{font-family:Arial, sans-serif}#installing{font:13px Arial, sans-serif}#installing p,#glyphs p{line-height:1.2em;margin-bottom:18px;font:13px Arial, sans-serif}#installing h3{font-size:15px;margin-top:18px}#rendering h1{font-family:Arial, sans-serif}.render_table td{font:11px "Courier New", Courier, mono;vertical-align:middle} \ No newline at end of file diff --git a/font/opensans_bold_macroman/stylesheet.css b/font/opensans_bold_macroman/stylesheet.css new file mode 100644 index 0000000..c2b47ad --- /dev/null +++ b/font/opensans_bold_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'open_sansbold';src:url('OpenSans-Bold-webfont.eot');src:url('OpenSans-Bold-webfont.eot?#iefix') format("embedded-opentype"),url('OpenSans-Bold-webfont.woff') format("woff"),url('OpenSans-Bold-webfont.ttf') format("truetype"),url('OpenSans-Bold-webfont.svg#open_sansbold') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-demo.html b/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-demo.html new file mode 100644 index 0000000..c0a2802 --- /dev/null +++ b/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-demo.html @@ -0,0 +1,9 @@ + Open Sans Bold Italic Specimen
AaBb
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
bodyOpen Sans Bold Italic
bodyArial
bodyVerdana
bodyGeorgia

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Lorem Ipsum Dolor

Etiam porta sem malesuada magna mollis euismod

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Pellentesque ornare sem

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

Installing Webfonts

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

1. Upload your webfonts

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

2. Include the webfont stylesheet

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

@font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?iefix') format('eot'), url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />

3. Modify your own stylesheet

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

p { font-family: 'MyWebFont', Arial, sans-serif; }

4. Test

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

\ No newline at end of file diff --git a/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot b/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot new file mode 100644 index 0000000..1f639a1 Binary files /dev/null and b/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot differ diff --git a/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.svg b/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.svg new file mode 100644 index 0000000..6a2607b --- /dev/null +++ b/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.svg @@ -0,0 +1,1830 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.ttf b/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.ttf new file mode 100644 index 0000000..242d6b2 Binary files /dev/null and b/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.ttf differ diff --git a/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.woff b/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.woff new file mode 100644 index 0000000..ed760c0 Binary files /dev/null and b/font/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.woff differ diff --git a/font/opensans_bolditalic_macroman/specimen_files/OpenSans-BoldItalic-cleartype.png b/font/opensans_bolditalic_macroman/specimen_files/OpenSans-BoldItalic-cleartype.png new file mode 100644 index 0000000..69a70ab Binary files /dev/null and b/font/opensans_bolditalic_macroman/specimen_files/OpenSans-BoldItalic-cleartype.png differ diff --git a/font/opensans_bolditalic_macroman/specimen_files/easytabs.js b/font/opensans_bolditalic_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..3a97cb7 --- /dev/null +++ b/font/opensans_bolditalic_macroman/specimen_files/easytabs.js @@ -0,0 +1 @@ +!function(t){t.fn.easyTabs=function(e){var a=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:"active"},e);t(this).each(function(){function e(){t(s+" .easytabs-tab-content").hide()}function n(n){e(),t(s+" .tabs li").removeClass(a.activeClass),t(s+" .tabs li a[href=#"+n+"]").closest("li").addClass(a.activeClass),"none"!=a.fadeSpeed?t(s+" #"+n).fadeIn(a.fadeSpeed):t(s+" #"+n).show()}var s="#"+this.id;if(""==a.defaultContent&&(a.defaultContent=1),"number"==typeof a.defaultContent)var f=t(s+" .tabs li:eq("+(a.defaultContent-1)+") a").attr("href").substr(1);else var f=a.defaultContent;t(s+" .tabs li a").each(function(){var e=t(this).attr("href").substr(1);t("#"+e).addClass("easytabs-tab-content")}),e(),n(f),t(s+" .tabs li").click(function(){var e=t(this).find("a").attr("href").substr(1);return n(e),!1})})}}(jQuery); \ No newline at end of file diff --git a/font/opensans_bolditalic_macroman/specimen_files/grid_12-825-55-15.css b/font/opensans_bolditalic_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/opensans_bolditalic_macroman/specimen_files/grid_12-825-55-15.css @@ -0,0 +1 @@ +.section{margin-bottom:18px}.section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.section{*zoom:1}.section .firstcolumn,.section .firstcol{margin-left:0}.border{padding-left:7px;margin-left:7px;border-left:1px solid #eee}.colborder{padding-left:42px;margin-left:42px;border-left:1px solid #eee}.grid1,.grid1_2cols,.grid1_3cols,.grid1_4cols,.grid2,.grid2_3cols,.grid2_4cols,.grid3,.grid3_2cols,.grid3_4cols,.grid4,.grid4_3cols,.grid5,.grid5_2cols,.grid5_3cols,.grid5_4cols,.grid6,.grid6_4cols,.grid7,.grid7_2cols,.grid7_3cols,.grid7_4cols,.grid8,.grid8_3cols,.grid9,.grid9_2cols,.grid9_4cols,.grid10,.grid10_3cols,.grid10_4cols,.grid11,.grid11_2cols,.grid11_3cols,.grid11_4cols,.grid12{margin-left:15px;float:left;display:inline;overflow:hidden}.width1,.grid1,.span-1{width:55px}.width1_2cols,.grid1_2cols{width:20px}.width1_3cols,.grid1_3cols{width:8px}.width1_4cols,.grid1_4cols{width:2px}.input_width1{width:49px}.width2,.grid2,.span-2{width:125px}.width2_3cols,.grid2_3cols{width:31px}.width2_4cols,.grid2_4cols{width:20px}.input_width2{width:119px}.width3,.grid3,.span-3{width:195px}.width3_2cols,.grid3_2cols{width:90px}.width3_4cols,.grid3_4cols{width:37px}.input_width3{width:189px}.width4,.grid4,.span-4{width:265px}.width4_3cols,.grid4_3cols{width:78px}.input_width4{width:259px}.width5,.grid5,.span-5{width:335px}.width5_2cols,.grid5_2cols{width:160px}.width5_3cols,.grid5_3cols{width:101px}.width5_4cols,.grid5_4cols{width:72px}.input_width5{width:329px}.width6,.grid6,.span-6{width:405px}.width6_4cols,.grid6_4cols{width:90px}.input_width6{width:399px}.width7,.grid7,.span-7{width:475px}.width7_2cols,.grid7_2cols{width:230px}.width7_3cols,.grid7_3cols{width:148px}.width7_4cols,.grid7_4cols{width:107px}.input_width7{width:469px}.width8,.grid8,.span-8{width:545px}.width8_3cols,.grid8_3cols{width:171px}.input_width8{width:539px}.width9,.grid9,.span-9{width:615px}.width9_2cols,.grid9_2cols{width:300px}.width9_4cols,.grid9_4cols{width:142px}.input_width9{width:609px}.width10,.grid10,.span-10{width:685px}.width10_3cols,.grid10_3cols{width:218px}.width10_4cols,.grid10_4cols{width:160px}.input_width10{width:679px}.width11,.grid11,.span-11{width:755px}.width11_2cols,.grid11_2cols{width:370px}.width11_3cols,.grid11_3cols{width:241px}.width11_4cols,.grid11_4cols{width:177px}.input_width11{width:749px}.width12,.grid12,.span-12{width:825px}.input_width12{width:819px}.emptycols_left1,.prepend-1{padding-left:70px}.emptycols_right1,.append-1{padding-right:70px}.emptycols_left2,.prepend-2{padding-left:140px}.emptycols_right2,.append-2{padding-right:140px}.emptycols_left3,.prepend-3{padding-left:210px}.emptycols_right3,.append-3{padding-right:210px}.emptycols_left4,.prepend-4{padding-left:280px}.emptycols_right4,.append-4{padding-right:280px}.emptycols_left5,.prepend-5{padding-left:350px}.emptycols_right5,.append-5{padding-right:350px}.emptycols_left6,.prepend-6{padding-left:420px}.emptycols_right6,.append-6{padding-right:420px}.emptycols_left7,.prepend-7{padding-left:490px}.emptycols_right7,.append-7{padding-right:490px}.emptycols_left8,.prepend-8{padding-left:560px}.emptycols_right8,.append-8{padding-right:560px}.emptycols_left9,.prepend-9{padding-left:630px}.emptycols_right9,.append-9{padding-right:630px}.emptycols_left10,.prepend-10{padding-left:700px}.emptycols_right10,.append-10{padding-right:700px}.emptycols_left11,.prepend-11{padding-left:770px}.emptycols_right11,.append-11{padding-right:770px}.pull-1{margin-left:-70px}.push-1{margin-right:-70px;margin-left:18px;float:right}.pull-2{margin-left:-140px}.push-2{margin-right:-140px;margin-left:18px;float:right}.pull-3{margin-left:-210px}.push-3{margin-right:-210px;margin-left:18px;float:right}.pull-4{margin-left:-280px}.push-4{margin-right:-280px;margin-left:18px;float:right} \ No newline at end of file diff --git a/font/opensans_bolditalic_macroman/specimen_files/specimen_stylesheet.css b/font/opensans_bolditalic_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/opensans_bolditalic_macroman/specimen_files/specimen_stylesheet.css @@ -0,0 +1 @@ +@import url('grid_12-825-55-15.css');html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{color:#000;background-color:#dcdcdc}a{text-decoration:none;color:#1883ba}h1{font-size:32px;font-weight:normal;font-style:normal;margin-bottom:18px}h2{font-size:18px}#container{width:865px;margin:0px auto}#header{padding:20px;font-size:36px;background-color:#000;color:#fff}#header span{color:#666}#main_content{background-color:#fff;padding:60px 20px 20px}#footer p{margin:0;padding-top:10px;padding-bottom:50px;color:#333;font:10px Arial, sans-serif}.tabs{width:100%;height:31px;background-color:#444}.tabs li{float:left;margin:0;overflow:hidden;background-color:#444}.tabs li a{display:block;color:#fff;text-decoration:none;font:bold 11px/11px 'Arial';text-transform:uppercase;padding:10px 15px;border-right:1px solid #fff}.tabs li a:hover{background-color:#00b3ff}.tabs li.active a{color:#000;background-color:#fff}div.huge{font-size:300px;line-height:1em;padding:0;letter-spacing:-.02em;overflow:hidden}div.glyph_range{font-size:72px;line-height:1.1em}.size10{font-size:10px}.size11{font-size:11px}.size12{font-size:12px}.size13{font-size:13px}.size14{font-size:14px}.size16{font-size:16px}.size18{font-size:18px}.size20{font-size:20px}.size24{font-size:24px}.size30{font-size:30px}.size36{font-size:36px}.size48{font-size:48px}.size60{font-size:60px}.size72{font-size:72px}.size90{font-size:90px}.psample_row1{height:120px}.psample_row1{height:120px}.psample_row2{height:160px}.psample_row3{height:160px}.psample_row4{height:160px}.psample{overflow:hidden;position:relative}.psample p{line-height:1.3em;display:block;overflow:hidden;margin:0}.psample span{margin-right:.5em}.white_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);position:absolute;bottom:0}.black_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);position:absolute;bottom:0}.fullreverse{background:#000 !important;color:#fff !important;margin-left:-20px;padding-left:20px;margin-right:-20px;padding-right:20px;padding:20px;margin-bottom:0}.sample_table td{padding-top:3px;padding-bottom:5px;padding-left:5px;vertical-align:middle;line-height:1.2em}.sample_table td:first-child{background-color:#eee;text-align:right;padding-right:5px;padding-left:0;padding:5px;font:11px/12px "Courier New", Courier, mono}code{white-space:pre;background-color:#eee;display:block;padding:10px;margin-bottom:18px;overflow:auto}.bottom,.last{margin-bottom:0 !important;padding-bottom:0 !important}.box{padding:18px;margin-bottom:18px;background:#eee}.reverse,.reversed{background:#000 !important;color:#fff !important;border:none !important}#bodycomparison{position:relative;overflow:hidden;font-size:72px;height:90px;white-space:nowrap}#bodycomparison div{font-size:72px;line-height:90px;display:inline;margin:0 15px 0 0;padding:0}#bodycomparison div span{font:10px Arial;position:absolute;left:0}#xheight{float:none;position:absolute;color:#d9f3ff;font-size:72px;line-height:90px}.fontbody{position:relative}.arialbody{font-family:Arial;position:relative}.verdanabody{font-family:Verdana;position:relative}.georgiabody{font-family:Georgia;position:relative}#layout h1{font-size:36px;line-height:42px;font-weight:normal;font-style:normal}#layout h2{font-size:24px;line-height:23px;font-weight:normal;font-style:normal}#layout h3{font-size:22px;line-height:1.4em;margin-top:1em;font-weight:normal;font-style:normal}#layout p.byline{font-size:12px;margin-top:18px;line-height:12px;margin-bottom:0}#layout p{font-size:14px;line-height:21px;margin-bottom:.5em}#layout p.large{font-size:18px;line-height:26px}#layout .sidebar p{font-size:12px;line-height:1.4em}#layout p.caption{font-size:10px;margin-top:-16px;margin-bottom:18px}#glyph_chart div{background-color:#d9f3ff;color:black;float:left;font-size:36px;height:1.2em;line-height:1.2em;margin-bottom:1px;margin-right:1px;text-align:center;width:1.2em;position:relative;padding:.6em .2em .2em}#glyph_chart div p{position:absolute;left:0;top:0;display:block;text-align:center;font:bold 9px Arial, sans-serif;background-color:#3a768f;width:100%;color:#fff;padding:2px 0}#glyphs h1{font-family:Arial, sans-serif}#installing{font:13px Arial, sans-serif}#installing p,#glyphs p{line-height:1.2em;margin-bottom:18px;font:13px Arial, sans-serif}#installing h3{font-size:15px;margin-top:18px}#rendering h1{font-family:Arial, sans-serif}.render_table td{font:11px "Courier New", Courier, mono;vertical-align:middle} \ No newline at end of file diff --git a/font/opensans_bolditalic_macroman/stylesheet.css b/font/opensans_bolditalic_macroman/stylesheet.css new file mode 100644 index 0000000..4b104e5 --- /dev/null +++ b/font/opensans_bolditalic_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'open_sansbold_italic';src:url('OpenSans-BoldItalic-webfont.eot');src:url('OpenSans-BoldItalic-webfont.eot?#iefix') format("embedded-opentype"),url('OpenSans-BoldItalic-webfont.woff') format("woff"),url('OpenSans-BoldItalic-webfont.ttf') format("truetype"),url('OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/opensans_extrabold_macroman/OpenSans-ExtraBold-demo.html b/font/opensans_extrabold_macroman/OpenSans-ExtraBold-demo.html new file mode 100644 index 0000000..16dd071 --- /dev/null +++ b/font/opensans_extrabold_macroman/OpenSans-ExtraBold-demo.html @@ -0,0 +1,9 @@ + Open Sans Extrabold Specimen
AaBb
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
bodyOpen Sans Extrabold
bodyArial
bodyVerdana
bodyGeorgia

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Lorem Ipsum Dolor

Etiam porta sem malesuada magna mollis euismod

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Pellentesque ornare sem

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

Installing Webfonts

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

1. Upload your webfonts

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

2. Include the webfont stylesheet

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

@font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?iefix') format('eot'), url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />

3. Modify your own stylesheet

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

p { font-family: 'MyWebFont', Arial, sans-serif; }

4. Test

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

\ No newline at end of file diff --git a/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot b/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot new file mode 100644 index 0000000..1e29ad5 Binary files /dev/null and b/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot differ diff --git a/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.svg b/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.svg new file mode 100644 index 0000000..2780050 --- /dev/null +++ b/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.svg @@ -0,0 +1,1830 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.ttf b/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.ttf new file mode 100644 index 0000000..6b9118e Binary files /dev/null and b/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.ttf differ diff --git a/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.woff b/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.woff new file mode 100644 index 0000000..a7b99d2 Binary files /dev/null and b/font/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.woff differ diff --git a/font/opensans_extrabold_macroman/specimen_files/OpenSans-ExtraBold-cleartype.png b/font/opensans_extrabold_macroman/specimen_files/OpenSans-ExtraBold-cleartype.png new file mode 100644 index 0000000..c1ab60b Binary files /dev/null and b/font/opensans_extrabold_macroman/specimen_files/OpenSans-ExtraBold-cleartype.png differ diff --git a/font/opensans_extrabold_macroman/specimen_files/easytabs.js b/font/opensans_extrabold_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..3a97cb7 --- /dev/null +++ b/font/opensans_extrabold_macroman/specimen_files/easytabs.js @@ -0,0 +1 @@ +!function(t){t.fn.easyTabs=function(e){var a=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:"active"},e);t(this).each(function(){function e(){t(s+" .easytabs-tab-content").hide()}function n(n){e(),t(s+" .tabs li").removeClass(a.activeClass),t(s+" .tabs li a[href=#"+n+"]").closest("li").addClass(a.activeClass),"none"!=a.fadeSpeed?t(s+" #"+n).fadeIn(a.fadeSpeed):t(s+" #"+n).show()}var s="#"+this.id;if(""==a.defaultContent&&(a.defaultContent=1),"number"==typeof a.defaultContent)var f=t(s+" .tabs li:eq("+(a.defaultContent-1)+") a").attr("href").substr(1);else var f=a.defaultContent;t(s+" .tabs li a").each(function(){var e=t(this).attr("href").substr(1);t("#"+e).addClass("easytabs-tab-content")}),e(),n(f),t(s+" .tabs li").click(function(){var e=t(this).find("a").attr("href").substr(1);return n(e),!1})})}}(jQuery); \ No newline at end of file diff --git a/font/opensans_extrabold_macroman/specimen_files/grid_12-825-55-15.css b/font/opensans_extrabold_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/opensans_extrabold_macroman/specimen_files/grid_12-825-55-15.css @@ -0,0 +1 @@ +.section{margin-bottom:18px}.section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.section{*zoom:1}.section .firstcolumn,.section .firstcol{margin-left:0}.border{padding-left:7px;margin-left:7px;border-left:1px solid #eee}.colborder{padding-left:42px;margin-left:42px;border-left:1px solid #eee}.grid1,.grid1_2cols,.grid1_3cols,.grid1_4cols,.grid2,.grid2_3cols,.grid2_4cols,.grid3,.grid3_2cols,.grid3_4cols,.grid4,.grid4_3cols,.grid5,.grid5_2cols,.grid5_3cols,.grid5_4cols,.grid6,.grid6_4cols,.grid7,.grid7_2cols,.grid7_3cols,.grid7_4cols,.grid8,.grid8_3cols,.grid9,.grid9_2cols,.grid9_4cols,.grid10,.grid10_3cols,.grid10_4cols,.grid11,.grid11_2cols,.grid11_3cols,.grid11_4cols,.grid12{margin-left:15px;float:left;display:inline;overflow:hidden}.width1,.grid1,.span-1{width:55px}.width1_2cols,.grid1_2cols{width:20px}.width1_3cols,.grid1_3cols{width:8px}.width1_4cols,.grid1_4cols{width:2px}.input_width1{width:49px}.width2,.grid2,.span-2{width:125px}.width2_3cols,.grid2_3cols{width:31px}.width2_4cols,.grid2_4cols{width:20px}.input_width2{width:119px}.width3,.grid3,.span-3{width:195px}.width3_2cols,.grid3_2cols{width:90px}.width3_4cols,.grid3_4cols{width:37px}.input_width3{width:189px}.width4,.grid4,.span-4{width:265px}.width4_3cols,.grid4_3cols{width:78px}.input_width4{width:259px}.width5,.grid5,.span-5{width:335px}.width5_2cols,.grid5_2cols{width:160px}.width5_3cols,.grid5_3cols{width:101px}.width5_4cols,.grid5_4cols{width:72px}.input_width5{width:329px}.width6,.grid6,.span-6{width:405px}.width6_4cols,.grid6_4cols{width:90px}.input_width6{width:399px}.width7,.grid7,.span-7{width:475px}.width7_2cols,.grid7_2cols{width:230px}.width7_3cols,.grid7_3cols{width:148px}.width7_4cols,.grid7_4cols{width:107px}.input_width7{width:469px}.width8,.grid8,.span-8{width:545px}.width8_3cols,.grid8_3cols{width:171px}.input_width8{width:539px}.width9,.grid9,.span-9{width:615px}.width9_2cols,.grid9_2cols{width:300px}.width9_4cols,.grid9_4cols{width:142px}.input_width9{width:609px}.width10,.grid10,.span-10{width:685px}.width10_3cols,.grid10_3cols{width:218px}.width10_4cols,.grid10_4cols{width:160px}.input_width10{width:679px}.width11,.grid11,.span-11{width:755px}.width11_2cols,.grid11_2cols{width:370px}.width11_3cols,.grid11_3cols{width:241px}.width11_4cols,.grid11_4cols{width:177px}.input_width11{width:749px}.width12,.grid12,.span-12{width:825px}.input_width12{width:819px}.emptycols_left1,.prepend-1{padding-left:70px}.emptycols_right1,.append-1{padding-right:70px}.emptycols_left2,.prepend-2{padding-left:140px}.emptycols_right2,.append-2{padding-right:140px}.emptycols_left3,.prepend-3{padding-left:210px}.emptycols_right3,.append-3{padding-right:210px}.emptycols_left4,.prepend-4{padding-left:280px}.emptycols_right4,.append-4{padding-right:280px}.emptycols_left5,.prepend-5{padding-left:350px}.emptycols_right5,.append-5{padding-right:350px}.emptycols_left6,.prepend-6{padding-left:420px}.emptycols_right6,.append-6{padding-right:420px}.emptycols_left7,.prepend-7{padding-left:490px}.emptycols_right7,.append-7{padding-right:490px}.emptycols_left8,.prepend-8{padding-left:560px}.emptycols_right8,.append-8{padding-right:560px}.emptycols_left9,.prepend-9{padding-left:630px}.emptycols_right9,.append-9{padding-right:630px}.emptycols_left10,.prepend-10{padding-left:700px}.emptycols_right10,.append-10{padding-right:700px}.emptycols_left11,.prepend-11{padding-left:770px}.emptycols_right11,.append-11{padding-right:770px}.pull-1{margin-left:-70px}.push-1{margin-right:-70px;margin-left:18px;float:right}.pull-2{margin-left:-140px}.push-2{margin-right:-140px;margin-left:18px;float:right}.pull-3{margin-left:-210px}.push-3{margin-right:-210px;margin-left:18px;float:right}.pull-4{margin-left:-280px}.push-4{margin-right:-280px;margin-left:18px;float:right} \ No newline at end of file diff --git a/font/opensans_extrabold_macroman/specimen_files/specimen_stylesheet.css b/font/opensans_extrabold_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/opensans_extrabold_macroman/specimen_files/specimen_stylesheet.css @@ -0,0 +1 @@ +@import url('grid_12-825-55-15.css');html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{color:#000;background-color:#dcdcdc}a{text-decoration:none;color:#1883ba}h1{font-size:32px;font-weight:normal;font-style:normal;margin-bottom:18px}h2{font-size:18px}#container{width:865px;margin:0px auto}#header{padding:20px;font-size:36px;background-color:#000;color:#fff}#header span{color:#666}#main_content{background-color:#fff;padding:60px 20px 20px}#footer p{margin:0;padding-top:10px;padding-bottom:50px;color:#333;font:10px Arial, sans-serif}.tabs{width:100%;height:31px;background-color:#444}.tabs li{float:left;margin:0;overflow:hidden;background-color:#444}.tabs li a{display:block;color:#fff;text-decoration:none;font:bold 11px/11px 'Arial';text-transform:uppercase;padding:10px 15px;border-right:1px solid #fff}.tabs li a:hover{background-color:#00b3ff}.tabs li.active a{color:#000;background-color:#fff}div.huge{font-size:300px;line-height:1em;padding:0;letter-spacing:-.02em;overflow:hidden}div.glyph_range{font-size:72px;line-height:1.1em}.size10{font-size:10px}.size11{font-size:11px}.size12{font-size:12px}.size13{font-size:13px}.size14{font-size:14px}.size16{font-size:16px}.size18{font-size:18px}.size20{font-size:20px}.size24{font-size:24px}.size30{font-size:30px}.size36{font-size:36px}.size48{font-size:48px}.size60{font-size:60px}.size72{font-size:72px}.size90{font-size:90px}.psample_row1{height:120px}.psample_row1{height:120px}.psample_row2{height:160px}.psample_row3{height:160px}.psample_row4{height:160px}.psample{overflow:hidden;position:relative}.psample p{line-height:1.3em;display:block;overflow:hidden;margin:0}.psample span{margin-right:.5em}.white_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);position:absolute;bottom:0}.black_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);position:absolute;bottom:0}.fullreverse{background:#000 !important;color:#fff !important;margin-left:-20px;padding-left:20px;margin-right:-20px;padding-right:20px;padding:20px;margin-bottom:0}.sample_table td{padding-top:3px;padding-bottom:5px;padding-left:5px;vertical-align:middle;line-height:1.2em}.sample_table td:first-child{background-color:#eee;text-align:right;padding-right:5px;padding-left:0;padding:5px;font:11px/12px "Courier New", Courier, mono}code{white-space:pre;background-color:#eee;display:block;padding:10px;margin-bottom:18px;overflow:auto}.bottom,.last{margin-bottom:0 !important;padding-bottom:0 !important}.box{padding:18px;margin-bottom:18px;background:#eee}.reverse,.reversed{background:#000 !important;color:#fff !important;border:none !important}#bodycomparison{position:relative;overflow:hidden;font-size:72px;height:90px;white-space:nowrap}#bodycomparison div{font-size:72px;line-height:90px;display:inline;margin:0 15px 0 0;padding:0}#bodycomparison div span{font:10px Arial;position:absolute;left:0}#xheight{float:none;position:absolute;color:#d9f3ff;font-size:72px;line-height:90px}.fontbody{position:relative}.arialbody{font-family:Arial;position:relative}.verdanabody{font-family:Verdana;position:relative}.georgiabody{font-family:Georgia;position:relative}#layout h1{font-size:36px;line-height:42px;font-weight:normal;font-style:normal}#layout h2{font-size:24px;line-height:23px;font-weight:normal;font-style:normal}#layout h3{font-size:22px;line-height:1.4em;margin-top:1em;font-weight:normal;font-style:normal}#layout p.byline{font-size:12px;margin-top:18px;line-height:12px;margin-bottom:0}#layout p{font-size:14px;line-height:21px;margin-bottom:.5em}#layout p.large{font-size:18px;line-height:26px}#layout .sidebar p{font-size:12px;line-height:1.4em}#layout p.caption{font-size:10px;margin-top:-16px;margin-bottom:18px}#glyph_chart div{background-color:#d9f3ff;color:black;float:left;font-size:36px;height:1.2em;line-height:1.2em;margin-bottom:1px;margin-right:1px;text-align:center;width:1.2em;position:relative;padding:.6em .2em .2em}#glyph_chart div p{position:absolute;left:0;top:0;display:block;text-align:center;font:bold 9px Arial, sans-serif;background-color:#3a768f;width:100%;color:#fff;padding:2px 0}#glyphs h1{font-family:Arial, sans-serif}#installing{font:13px Arial, sans-serif}#installing p,#glyphs p{line-height:1.2em;margin-bottom:18px;font:13px Arial, sans-serif}#installing h3{font-size:15px;margin-top:18px}#rendering h1{font-family:Arial, sans-serif}.render_table td{font:11px "Courier New", Courier, mono;vertical-align:middle} \ No newline at end of file diff --git a/font/opensans_extrabold_macroman/stylesheet.css b/font/opensans_extrabold_macroman/stylesheet.css new file mode 100644 index 0000000..96b2639 --- /dev/null +++ b/font/opensans_extrabold_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'open_sansextrabold';src:url('OpenSans-ExtraBold-webfont.eot');src:url('OpenSans-ExtraBold-webfont.eot?#iefix') format("embedded-opentype"),url('OpenSans-ExtraBold-webfont.woff') format("woff"),url('OpenSans-ExtraBold-webfont.ttf') format("truetype"),url('OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-demo.html b/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-demo.html new file mode 100644 index 0000000..505c89b --- /dev/null +++ b/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-demo.html @@ -0,0 +1,9 @@ + Open Sans Extrabold Italic Specimen
AaBb
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
bodyOpen Sans Extrabold Italic
bodyArial
bodyVerdana
bodyGeorgia

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Lorem Ipsum Dolor

Etiam porta sem malesuada magna mollis euismod

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Pellentesque ornare sem

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

Installing Webfonts

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

1. Upload your webfonts

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

2. Include the webfont stylesheet

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

@font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?iefix') format('eot'), url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />

3. Modify your own stylesheet

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

p { font-family: 'MyWebFont', Arial, sans-serif; }

4. Test

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

\ No newline at end of file diff --git a/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.eot b/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.eot new file mode 100644 index 0000000..77184af Binary files /dev/null and b/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.eot differ diff --git a/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.svg b/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.svg new file mode 100644 index 0000000..8f080c1 --- /dev/null +++ b/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.svg @@ -0,0 +1,1830 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.ttf b/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.ttf new file mode 100644 index 0000000..26a07e9 Binary files /dev/null and b/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.ttf differ diff --git a/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.woff b/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.woff new file mode 100644 index 0000000..45395d1 Binary files /dev/null and b/font/opensans_extrabolditalic_macroman/OpenSans-ExtraBoldItalic-webfont.woff differ diff --git a/font/opensans_extrabolditalic_macroman/specimen_files/OpenSans-ExtraBoldItalic-cleartype.png b/font/opensans_extrabolditalic_macroman/specimen_files/OpenSans-ExtraBoldItalic-cleartype.png new file mode 100644 index 0000000..f1fa868 Binary files /dev/null and b/font/opensans_extrabolditalic_macroman/specimen_files/OpenSans-ExtraBoldItalic-cleartype.png differ diff --git a/font/opensans_extrabolditalic_macroman/specimen_files/easytabs.js b/font/opensans_extrabolditalic_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..3a97cb7 --- /dev/null +++ b/font/opensans_extrabolditalic_macroman/specimen_files/easytabs.js @@ -0,0 +1 @@ +!function(t){t.fn.easyTabs=function(e){var a=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:"active"},e);t(this).each(function(){function e(){t(s+" .easytabs-tab-content").hide()}function n(n){e(),t(s+" .tabs li").removeClass(a.activeClass),t(s+" .tabs li a[href=#"+n+"]").closest("li").addClass(a.activeClass),"none"!=a.fadeSpeed?t(s+" #"+n).fadeIn(a.fadeSpeed):t(s+" #"+n).show()}var s="#"+this.id;if(""==a.defaultContent&&(a.defaultContent=1),"number"==typeof a.defaultContent)var f=t(s+" .tabs li:eq("+(a.defaultContent-1)+") a").attr("href").substr(1);else var f=a.defaultContent;t(s+" .tabs li a").each(function(){var e=t(this).attr("href").substr(1);t("#"+e).addClass("easytabs-tab-content")}),e(),n(f),t(s+" .tabs li").click(function(){var e=t(this).find("a").attr("href").substr(1);return n(e),!1})})}}(jQuery); \ No newline at end of file diff --git a/font/opensans_extrabolditalic_macroman/specimen_files/grid_12-825-55-15.css b/font/opensans_extrabolditalic_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/opensans_extrabolditalic_macroman/specimen_files/grid_12-825-55-15.css @@ -0,0 +1 @@ +.section{margin-bottom:18px}.section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.section{*zoom:1}.section .firstcolumn,.section .firstcol{margin-left:0}.border{padding-left:7px;margin-left:7px;border-left:1px solid #eee}.colborder{padding-left:42px;margin-left:42px;border-left:1px solid #eee}.grid1,.grid1_2cols,.grid1_3cols,.grid1_4cols,.grid2,.grid2_3cols,.grid2_4cols,.grid3,.grid3_2cols,.grid3_4cols,.grid4,.grid4_3cols,.grid5,.grid5_2cols,.grid5_3cols,.grid5_4cols,.grid6,.grid6_4cols,.grid7,.grid7_2cols,.grid7_3cols,.grid7_4cols,.grid8,.grid8_3cols,.grid9,.grid9_2cols,.grid9_4cols,.grid10,.grid10_3cols,.grid10_4cols,.grid11,.grid11_2cols,.grid11_3cols,.grid11_4cols,.grid12{margin-left:15px;float:left;display:inline;overflow:hidden}.width1,.grid1,.span-1{width:55px}.width1_2cols,.grid1_2cols{width:20px}.width1_3cols,.grid1_3cols{width:8px}.width1_4cols,.grid1_4cols{width:2px}.input_width1{width:49px}.width2,.grid2,.span-2{width:125px}.width2_3cols,.grid2_3cols{width:31px}.width2_4cols,.grid2_4cols{width:20px}.input_width2{width:119px}.width3,.grid3,.span-3{width:195px}.width3_2cols,.grid3_2cols{width:90px}.width3_4cols,.grid3_4cols{width:37px}.input_width3{width:189px}.width4,.grid4,.span-4{width:265px}.width4_3cols,.grid4_3cols{width:78px}.input_width4{width:259px}.width5,.grid5,.span-5{width:335px}.width5_2cols,.grid5_2cols{width:160px}.width5_3cols,.grid5_3cols{width:101px}.width5_4cols,.grid5_4cols{width:72px}.input_width5{width:329px}.width6,.grid6,.span-6{width:405px}.width6_4cols,.grid6_4cols{width:90px}.input_width6{width:399px}.width7,.grid7,.span-7{width:475px}.width7_2cols,.grid7_2cols{width:230px}.width7_3cols,.grid7_3cols{width:148px}.width7_4cols,.grid7_4cols{width:107px}.input_width7{width:469px}.width8,.grid8,.span-8{width:545px}.width8_3cols,.grid8_3cols{width:171px}.input_width8{width:539px}.width9,.grid9,.span-9{width:615px}.width9_2cols,.grid9_2cols{width:300px}.width9_4cols,.grid9_4cols{width:142px}.input_width9{width:609px}.width10,.grid10,.span-10{width:685px}.width10_3cols,.grid10_3cols{width:218px}.width10_4cols,.grid10_4cols{width:160px}.input_width10{width:679px}.width11,.grid11,.span-11{width:755px}.width11_2cols,.grid11_2cols{width:370px}.width11_3cols,.grid11_3cols{width:241px}.width11_4cols,.grid11_4cols{width:177px}.input_width11{width:749px}.width12,.grid12,.span-12{width:825px}.input_width12{width:819px}.emptycols_left1,.prepend-1{padding-left:70px}.emptycols_right1,.append-1{padding-right:70px}.emptycols_left2,.prepend-2{padding-left:140px}.emptycols_right2,.append-2{padding-right:140px}.emptycols_left3,.prepend-3{padding-left:210px}.emptycols_right3,.append-3{padding-right:210px}.emptycols_left4,.prepend-4{padding-left:280px}.emptycols_right4,.append-4{padding-right:280px}.emptycols_left5,.prepend-5{padding-left:350px}.emptycols_right5,.append-5{padding-right:350px}.emptycols_left6,.prepend-6{padding-left:420px}.emptycols_right6,.append-6{padding-right:420px}.emptycols_left7,.prepend-7{padding-left:490px}.emptycols_right7,.append-7{padding-right:490px}.emptycols_left8,.prepend-8{padding-left:560px}.emptycols_right8,.append-8{padding-right:560px}.emptycols_left9,.prepend-9{padding-left:630px}.emptycols_right9,.append-9{padding-right:630px}.emptycols_left10,.prepend-10{padding-left:700px}.emptycols_right10,.append-10{padding-right:700px}.emptycols_left11,.prepend-11{padding-left:770px}.emptycols_right11,.append-11{padding-right:770px}.pull-1{margin-left:-70px}.push-1{margin-right:-70px;margin-left:18px;float:right}.pull-2{margin-left:-140px}.push-2{margin-right:-140px;margin-left:18px;float:right}.pull-3{margin-left:-210px}.push-3{margin-right:-210px;margin-left:18px;float:right}.pull-4{margin-left:-280px}.push-4{margin-right:-280px;margin-left:18px;float:right} \ No newline at end of file diff --git a/font/opensans_extrabolditalic_macroman/specimen_files/specimen_stylesheet.css b/font/opensans_extrabolditalic_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/opensans_extrabolditalic_macroman/specimen_files/specimen_stylesheet.css @@ -0,0 +1 @@ +@import url('grid_12-825-55-15.css');html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{color:#000;background-color:#dcdcdc}a{text-decoration:none;color:#1883ba}h1{font-size:32px;font-weight:normal;font-style:normal;margin-bottom:18px}h2{font-size:18px}#container{width:865px;margin:0px auto}#header{padding:20px;font-size:36px;background-color:#000;color:#fff}#header span{color:#666}#main_content{background-color:#fff;padding:60px 20px 20px}#footer p{margin:0;padding-top:10px;padding-bottom:50px;color:#333;font:10px Arial, sans-serif}.tabs{width:100%;height:31px;background-color:#444}.tabs li{float:left;margin:0;overflow:hidden;background-color:#444}.tabs li a{display:block;color:#fff;text-decoration:none;font:bold 11px/11px 'Arial';text-transform:uppercase;padding:10px 15px;border-right:1px solid #fff}.tabs li a:hover{background-color:#00b3ff}.tabs li.active a{color:#000;background-color:#fff}div.huge{font-size:300px;line-height:1em;padding:0;letter-spacing:-.02em;overflow:hidden}div.glyph_range{font-size:72px;line-height:1.1em}.size10{font-size:10px}.size11{font-size:11px}.size12{font-size:12px}.size13{font-size:13px}.size14{font-size:14px}.size16{font-size:16px}.size18{font-size:18px}.size20{font-size:20px}.size24{font-size:24px}.size30{font-size:30px}.size36{font-size:36px}.size48{font-size:48px}.size60{font-size:60px}.size72{font-size:72px}.size90{font-size:90px}.psample_row1{height:120px}.psample_row1{height:120px}.psample_row2{height:160px}.psample_row3{height:160px}.psample_row4{height:160px}.psample{overflow:hidden;position:relative}.psample p{line-height:1.3em;display:block;overflow:hidden;margin:0}.psample span{margin-right:.5em}.white_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);position:absolute;bottom:0}.black_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);position:absolute;bottom:0}.fullreverse{background:#000 !important;color:#fff !important;margin-left:-20px;padding-left:20px;margin-right:-20px;padding-right:20px;padding:20px;margin-bottom:0}.sample_table td{padding-top:3px;padding-bottom:5px;padding-left:5px;vertical-align:middle;line-height:1.2em}.sample_table td:first-child{background-color:#eee;text-align:right;padding-right:5px;padding-left:0;padding:5px;font:11px/12px "Courier New", Courier, mono}code{white-space:pre;background-color:#eee;display:block;padding:10px;margin-bottom:18px;overflow:auto}.bottom,.last{margin-bottom:0 !important;padding-bottom:0 !important}.box{padding:18px;margin-bottom:18px;background:#eee}.reverse,.reversed{background:#000 !important;color:#fff !important;border:none !important}#bodycomparison{position:relative;overflow:hidden;font-size:72px;height:90px;white-space:nowrap}#bodycomparison div{font-size:72px;line-height:90px;display:inline;margin:0 15px 0 0;padding:0}#bodycomparison div span{font:10px Arial;position:absolute;left:0}#xheight{float:none;position:absolute;color:#d9f3ff;font-size:72px;line-height:90px}.fontbody{position:relative}.arialbody{font-family:Arial;position:relative}.verdanabody{font-family:Verdana;position:relative}.georgiabody{font-family:Georgia;position:relative}#layout h1{font-size:36px;line-height:42px;font-weight:normal;font-style:normal}#layout h2{font-size:24px;line-height:23px;font-weight:normal;font-style:normal}#layout h3{font-size:22px;line-height:1.4em;margin-top:1em;font-weight:normal;font-style:normal}#layout p.byline{font-size:12px;margin-top:18px;line-height:12px;margin-bottom:0}#layout p{font-size:14px;line-height:21px;margin-bottom:.5em}#layout p.large{font-size:18px;line-height:26px}#layout .sidebar p{font-size:12px;line-height:1.4em}#layout p.caption{font-size:10px;margin-top:-16px;margin-bottom:18px}#glyph_chart div{background-color:#d9f3ff;color:black;float:left;font-size:36px;height:1.2em;line-height:1.2em;margin-bottom:1px;margin-right:1px;text-align:center;width:1.2em;position:relative;padding:.6em .2em .2em}#glyph_chart div p{position:absolute;left:0;top:0;display:block;text-align:center;font:bold 9px Arial, sans-serif;background-color:#3a768f;width:100%;color:#fff;padding:2px 0}#glyphs h1{font-family:Arial, sans-serif}#installing{font:13px Arial, sans-serif}#installing p,#glyphs p{line-height:1.2em;margin-bottom:18px;font:13px Arial, sans-serif}#installing h3{font-size:15px;margin-top:18px}#rendering h1{font-family:Arial, sans-serif}.render_table td{font:11px "Courier New", Courier, mono;vertical-align:middle} \ No newline at end of file diff --git a/font/opensans_extrabolditalic_macroman/stylesheet.css b/font/opensans_extrabolditalic_macroman/stylesheet.css new file mode 100644 index 0000000..63675b2 --- /dev/null +++ b/font/opensans_extrabolditalic_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'open_sansextrabold_italic';src:url('OpenSans-ExtraBoldItalic-webfont.eot');src:url('OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format("embedded-opentype"),url('OpenSans-ExtraBoldItalic-webfont.woff') format("woff"),url('OpenSans-ExtraBoldItalic-webfont.ttf') format("truetype"),url('OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/opensans_italic_macroman/OpenSans-Italic-demo.html b/font/opensans_italic_macroman/OpenSans-Italic-demo.html new file mode 100644 index 0000000..5645112 --- /dev/null +++ b/font/opensans_italic_macroman/OpenSans-Italic-demo.html @@ -0,0 +1,9 @@ + Open Sans Italic Specimen
AaBb
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
bodyOpen Sans Italic
bodyArial
bodyVerdana
bodyGeorgia

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Lorem Ipsum Dolor

Etiam porta sem malesuada magna mollis euismod

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Pellentesque ornare sem

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

Installing Webfonts

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

1. Upload your webfonts

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

2. Include the webfont stylesheet

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

@font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?iefix') format('eot'), url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />

3. Modify your own stylesheet

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

p { font-family: 'MyWebFont', Arial, sans-serif; }

4. Test

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

\ No newline at end of file diff --git a/font/opensans_italic_macroman/OpenSans-Italic-webfont.eot b/font/opensans_italic_macroman/OpenSans-Italic-webfont.eot new file mode 100644 index 0000000..0c8a0ae Binary files /dev/null and b/font/opensans_italic_macroman/OpenSans-Italic-webfont.eot differ diff --git a/font/opensans_italic_macroman/OpenSans-Italic-webfont.svg b/font/opensans_italic_macroman/OpenSans-Italic-webfont.svg new file mode 100644 index 0000000..e1075dc --- /dev/null +++ b/font/opensans_italic_macroman/OpenSans-Italic-webfont.svg @@ -0,0 +1,1830 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/opensans_italic_macroman/OpenSans-Italic-webfont.ttf b/font/opensans_italic_macroman/OpenSans-Italic-webfont.ttf new file mode 100644 index 0000000..12d25d9 Binary files /dev/null and b/font/opensans_italic_macroman/OpenSans-Italic-webfont.ttf differ diff --git a/font/opensans_italic_macroman/OpenSans-Italic-webfont.woff b/font/opensans_italic_macroman/OpenSans-Italic-webfont.woff new file mode 100644 index 0000000..ff652e6 Binary files /dev/null and b/font/opensans_italic_macroman/OpenSans-Italic-webfont.woff differ diff --git a/font/opensans_italic_macroman/specimen_files/OpenSans-Italic-cleartype.png b/font/opensans_italic_macroman/specimen_files/OpenSans-Italic-cleartype.png new file mode 100644 index 0000000..4f2c3c5 Binary files /dev/null and b/font/opensans_italic_macroman/specimen_files/OpenSans-Italic-cleartype.png differ diff --git a/font/opensans_italic_macroman/specimen_files/easytabs.js b/font/opensans_italic_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..3a97cb7 --- /dev/null +++ b/font/opensans_italic_macroman/specimen_files/easytabs.js @@ -0,0 +1 @@ +!function(t){t.fn.easyTabs=function(e){var a=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:"active"},e);t(this).each(function(){function e(){t(s+" .easytabs-tab-content").hide()}function n(n){e(),t(s+" .tabs li").removeClass(a.activeClass),t(s+" .tabs li a[href=#"+n+"]").closest("li").addClass(a.activeClass),"none"!=a.fadeSpeed?t(s+" #"+n).fadeIn(a.fadeSpeed):t(s+" #"+n).show()}var s="#"+this.id;if(""==a.defaultContent&&(a.defaultContent=1),"number"==typeof a.defaultContent)var f=t(s+" .tabs li:eq("+(a.defaultContent-1)+") a").attr("href").substr(1);else var f=a.defaultContent;t(s+" .tabs li a").each(function(){var e=t(this).attr("href").substr(1);t("#"+e).addClass("easytabs-tab-content")}),e(),n(f),t(s+" .tabs li").click(function(){var e=t(this).find("a").attr("href").substr(1);return n(e),!1})})}}(jQuery); \ No newline at end of file diff --git a/font/opensans_italic_macroman/specimen_files/grid_12-825-55-15.css b/font/opensans_italic_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/opensans_italic_macroman/specimen_files/grid_12-825-55-15.css @@ -0,0 +1 @@ +.section{margin-bottom:18px}.section:after{content:".";display:block;height:0;clear:both;visibility:hidden}.section{*zoom:1}.section .firstcolumn,.section .firstcol{margin-left:0}.border{padding-left:7px;margin-left:7px;border-left:1px solid #eee}.colborder{padding-left:42px;margin-left:42px;border-left:1px solid #eee}.grid1,.grid1_2cols,.grid1_3cols,.grid1_4cols,.grid2,.grid2_3cols,.grid2_4cols,.grid3,.grid3_2cols,.grid3_4cols,.grid4,.grid4_3cols,.grid5,.grid5_2cols,.grid5_3cols,.grid5_4cols,.grid6,.grid6_4cols,.grid7,.grid7_2cols,.grid7_3cols,.grid7_4cols,.grid8,.grid8_3cols,.grid9,.grid9_2cols,.grid9_4cols,.grid10,.grid10_3cols,.grid10_4cols,.grid11,.grid11_2cols,.grid11_3cols,.grid11_4cols,.grid12{margin-left:15px;float:left;display:inline;overflow:hidden}.width1,.grid1,.span-1{width:55px}.width1_2cols,.grid1_2cols{width:20px}.width1_3cols,.grid1_3cols{width:8px}.width1_4cols,.grid1_4cols{width:2px}.input_width1{width:49px}.width2,.grid2,.span-2{width:125px}.width2_3cols,.grid2_3cols{width:31px}.width2_4cols,.grid2_4cols{width:20px}.input_width2{width:119px}.width3,.grid3,.span-3{width:195px}.width3_2cols,.grid3_2cols{width:90px}.width3_4cols,.grid3_4cols{width:37px}.input_width3{width:189px}.width4,.grid4,.span-4{width:265px}.width4_3cols,.grid4_3cols{width:78px}.input_width4{width:259px}.width5,.grid5,.span-5{width:335px}.width5_2cols,.grid5_2cols{width:160px}.width5_3cols,.grid5_3cols{width:101px}.width5_4cols,.grid5_4cols{width:72px}.input_width5{width:329px}.width6,.grid6,.span-6{width:405px}.width6_4cols,.grid6_4cols{width:90px}.input_width6{width:399px}.width7,.grid7,.span-7{width:475px}.width7_2cols,.grid7_2cols{width:230px}.width7_3cols,.grid7_3cols{width:148px}.width7_4cols,.grid7_4cols{width:107px}.input_width7{width:469px}.width8,.grid8,.span-8{width:545px}.width8_3cols,.grid8_3cols{width:171px}.input_width8{width:539px}.width9,.grid9,.span-9{width:615px}.width9_2cols,.grid9_2cols{width:300px}.width9_4cols,.grid9_4cols{width:142px}.input_width9{width:609px}.width10,.grid10,.span-10{width:685px}.width10_3cols,.grid10_3cols{width:218px}.width10_4cols,.grid10_4cols{width:160px}.input_width10{width:679px}.width11,.grid11,.span-11{width:755px}.width11_2cols,.grid11_2cols{width:370px}.width11_3cols,.grid11_3cols{width:241px}.width11_4cols,.grid11_4cols{width:177px}.input_width11{width:749px}.width12,.grid12,.span-12{width:825px}.input_width12{width:819px}.emptycols_left1,.prepend-1{padding-left:70px}.emptycols_right1,.append-1{padding-right:70px}.emptycols_left2,.prepend-2{padding-left:140px}.emptycols_right2,.append-2{padding-right:140px}.emptycols_left3,.prepend-3{padding-left:210px}.emptycols_right3,.append-3{padding-right:210px}.emptycols_left4,.prepend-4{padding-left:280px}.emptycols_right4,.append-4{padding-right:280px}.emptycols_left5,.prepend-5{padding-left:350px}.emptycols_right5,.append-5{padding-right:350px}.emptycols_left6,.prepend-6{padding-left:420px}.emptycols_right6,.append-6{padding-right:420px}.emptycols_left7,.prepend-7{padding-left:490px}.emptycols_right7,.append-7{padding-right:490px}.emptycols_left8,.prepend-8{padding-left:560px}.emptycols_right8,.append-8{padding-right:560px}.emptycols_left9,.prepend-9{padding-left:630px}.emptycols_right9,.append-9{padding-right:630px}.emptycols_left10,.prepend-10{padding-left:700px}.emptycols_right10,.append-10{padding-right:700px}.emptycols_left11,.prepend-11{padding-left:770px}.emptycols_right11,.append-11{padding-right:770px}.pull-1{margin-left:-70px}.push-1{margin-right:-70px;margin-left:18px;float:right}.pull-2{margin-left:-140px}.push-2{margin-right:-140px;margin-left:18px;float:right}.pull-3{margin-left:-210px}.push-3{margin-right:-210px;margin-left:18px;float:right}.pull-4{margin-left:-280px}.push-4{margin-right:-280px;margin-left:18px;float:right} \ No newline at end of file diff --git a/font/opensans_italic_macroman/specimen_files/specimen_stylesheet.css b/font/opensans_italic_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/opensans_italic_macroman/specimen_files/specimen_stylesheet.css @@ -0,0 +1 @@ +@import url('grid_12-825-55-15.css');html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}body{color:#000;background-color:#dcdcdc}a{text-decoration:none;color:#1883ba}h1{font-size:32px;font-weight:normal;font-style:normal;margin-bottom:18px}h2{font-size:18px}#container{width:865px;margin:0px auto}#header{padding:20px;font-size:36px;background-color:#000;color:#fff}#header span{color:#666}#main_content{background-color:#fff;padding:60px 20px 20px}#footer p{margin:0;padding-top:10px;padding-bottom:50px;color:#333;font:10px Arial, sans-serif}.tabs{width:100%;height:31px;background-color:#444}.tabs li{float:left;margin:0;overflow:hidden;background-color:#444}.tabs li a{display:block;color:#fff;text-decoration:none;font:bold 11px/11px 'Arial';text-transform:uppercase;padding:10px 15px;border-right:1px solid #fff}.tabs li a:hover{background-color:#00b3ff}.tabs li.active a{color:#000;background-color:#fff}div.huge{font-size:300px;line-height:1em;padding:0;letter-spacing:-.02em;overflow:hidden}div.glyph_range{font-size:72px;line-height:1.1em}.size10{font-size:10px}.size11{font-size:11px}.size12{font-size:12px}.size13{font-size:13px}.size14{font-size:14px}.size16{font-size:16px}.size18{font-size:18px}.size20{font-size:20px}.size24{font-size:24px}.size30{font-size:30px}.size36{font-size:36px}.size48{font-size:48px}.size60{font-size:60px}.size72{font-size:72px}.size90{font-size:90px}.psample_row1{height:120px}.psample_row1{height:120px}.psample_row2{height:160px}.psample_row3{height:160px}.psample_row4{height:160px}.psample{overflow:hidden;position:relative}.psample p{line-height:1.3em;display:block;overflow:hidden;margin:0}.psample span{margin-right:.5em}.white_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);position:absolute;bottom:0}.black_blend{width:100%;height:61px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);position:absolute;bottom:0}.fullreverse{background:#000 !important;color:#fff !important;margin-left:-20px;padding-left:20px;margin-right:-20px;padding-right:20px;padding:20px;margin-bottom:0}.sample_table td{padding-top:3px;padding-bottom:5px;padding-left:5px;vertical-align:middle;line-height:1.2em}.sample_table td:first-child{background-color:#eee;text-align:right;padding-right:5px;padding-left:0;padding:5px;font:11px/12px "Courier New", Courier, mono}code{white-space:pre;background-color:#eee;display:block;padding:10px;margin-bottom:18px;overflow:auto}.bottom,.last{margin-bottom:0 !important;padding-bottom:0 !important}.box{padding:18px;margin-bottom:18px;background:#eee}.reverse,.reversed{background:#000 !important;color:#fff !important;border:none !important}#bodycomparison{position:relative;overflow:hidden;font-size:72px;height:90px;white-space:nowrap}#bodycomparison div{font-size:72px;line-height:90px;display:inline;margin:0 15px 0 0;padding:0}#bodycomparison div span{font:10px Arial;position:absolute;left:0}#xheight{float:none;position:absolute;color:#d9f3ff;font-size:72px;line-height:90px}.fontbody{position:relative}.arialbody{font-family:Arial;position:relative}.verdanabody{font-family:Verdana;position:relative}.georgiabody{font-family:Georgia;position:relative}#layout h1{font-size:36px;line-height:42px;font-weight:normal;font-style:normal}#layout h2{font-size:24px;line-height:23px;font-weight:normal;font-style:normal}#layout h3{font-size:22px;line-height:1.4em;margin-top:1em;font-weight:normal;font-style:normal}#layout p.byline{font-size:12px;margin-top:18px;line-height:12px;margin-bottom:0}#layout p{font-size:14px;line-height:21px;margin-bottom:.5em}#layout p.large{font-size:18px;line-height:26px}#layout .sidebar p{font-size:12px;line-height:1.4em}#layout p.caption{font-size:10px;margin-top:-16px;margin-bottom:18px}#glyph_chart div{background-color:#d9f3ff;color:black;float:left;font-size:36px;height:1.2em;line-height:1.2em;margin-bottom:1px;margin-right:1px;text-align:center;width:1.2em;position:relative;padding:.6em .2em .2em}#glyph_chart div p{position:absolute;left:0;top:0;display:block;text-align:center;font:bold 9px Arial, sans-serif;background-color:#3a768f;width:100%;color:#fff;padding:2px 0}#glyphs h1{font-family:Arial, sans-serif}#installing{font:13px Arial, sans-serif}#installing p,#glyphs p{line-height:1.2em;margin-bottom:18px;font:13px Arial, sans-serif}#installing h3{font-size:15px;margin-top:18px}#rendering h1{font-family:Arial, sans-serif}.render_table td{font:11px "Courier New", Courier, mono;vertical-align:middle} \ No newline at end of file diff --git a/font/opensans_italic_macroman/stylesheet.css b/font/opensans_italic_macroman/stylesheet.css new file mode 100644 index 0000000..aea7f0d --- /dev/null +++ b/font/opensans_italic_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'open_sansitalic';src:url('OpenSans-Italic-webfont.eot');src:url('OpenSans-Italic-webfont.eot?#iefix') format("embedded-opentype"),url('OpenSans-Italic-webfont.woff') format("woff"),url('OpenSans-Italic-webfont.ttf') format("truetype"),url('OpenSans-Italic-webfont.svg#open_sansitalic') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/opensans_light_macroman/OpenSans-Light-demo.html b/font/opensans_light_macroman/OpenSans-Light-demo.html new file mode 100644 index 0000000..0fc0ea7 --- /dev/null +++ b/font/opensans_light_macroman/OpenSans-Light-demo.html @@ -0,0 +1,9 @@ + Open Sans Light Specimen
AaBb
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
bodyOpen Sans Light
bodyArial
bodyVerdana
bodyGeorgia

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

Lorem Ipsum Dolor

Etiam porta sem malesuada magna mollis euismod

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Pellentesque ornare sem

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

Installing Webfonts

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

1. Upload your webfonts

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

2. Include the webfont stylesheet

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

@font-face{ font-family: 'MyWebFont'; src: url('WebFont.eot'); src: url('WebFont.eot?iefix') format('eot'), url('WebFont.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />

3. Modify your own stylesheet

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

p { font-family: 'MyWebFont', Arial, sans-serif; }

4. Test

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

\ No newline at end of file diff --git a/font/opensans_light_macroman/OpenSans-Light-webfont.eot b/font/opensans_light_macroman/OpenSans-Light-webfont.eot new file mode 100644 index 0000000..1486840 Binary files /dev/null and b/font/opensans_light_macroman/OpenSans-Light-webfont.eot differ diff --git a/font/opensans_light_macroman/OpenSans-Light-webfont.svg b/font/opensans_light_macroman/OpenSans-Light-webfont.svg new file mode 100644 index 0000000..11a472c --- /dev/null +++ b/font/opensans_light_macroman/OpenSans-Light-webfont.svg @@ -0,0 +1,1831 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +