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.
+
+ +
+
+ + Pour les adhésions de personnes morales + + +
+
+
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.

Troubleshooting
Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

\ 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

+ +

By Aenean Lacinia

+
+
+
+
+

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.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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

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.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + 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

By Aenean Lacinia

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.

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas sed diam eget risus varius.

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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.

Troubleshooting
Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

\ 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

By Aenean Lacinia

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.

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas sed diam eget risus varius.

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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.

Troubleshooting
Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

\ 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

By Aenean Lacinia

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.

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas sed diam eget risus varius.

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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.

Troubleshooting
Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

\ 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

By Aenean Lacinia

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.

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas sed diam eget risus varius.

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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.

Troubleshooting
Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

\ 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

By Aenean Lacinia

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.

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas sed diam eget risus varius.

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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.

Troubleshooting
Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

\ 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

By Aenean Lacinia

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.

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas sed diam eget risus varius.

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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.

Troubleshooting
Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

\ 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 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/opensans_light_macroman/OpenSans-Light-webfont.ttf b/font/opensans_light_macroman/OpenSans-Light-webfont.ttf new file mode 100644 index 0000000..63af664 Binary files /dev/null and b/font/opensans_light_macroman/OpenSans-Light-webfont.ttf differ diff --git a/font/opensans_light_macroman/OpenSans-Light-webfont.woff b/font/opensans_light_macroman/OpenSans-Light-webfont.woff new file mode 100644 index 0000000..e786074 Binary files /dev/null and b/font/opensans_light_macroman/OpenSans-Light-webfont.woff differ diff --git a/font/opensans_light_macroman/specimen_files/OpenSans-Light-cleartype.png b/font/opensans_light_macroman/specimen_files/OpenSans-Light-cleartype.png new file mode 100644 index 0000000..04b0db8 Binary files /dev/null and b/font/opensans_light_macroman/specimen_files/OpenSans-Light-cleartype.png differ diff --git a/font/opensans_light_macroman/specimen_files/easytabs.js b/font/opensans_light_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..3a97cb7 --- /dev/null +++ b/font/opensans_light_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_light_macroman/specimen_files/grid_12-825-55-15.css b/font/opensans_light_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/opensans_light_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_light_macroman/specimen_files/specimen_stylesheet.css b/font/opensans_light_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/opensans_light_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_light_macroman/stylesheet.css b/font/opensans_light_macroman/stylesheet.css new file mode 100644 index 0000000..ce3f15e --- /dev/null +++ b/font/opensans_light_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'open_sanslight';src:url('OpenSans-Light-webfont.eot');src:url('OpenSans-Light-webfont.eot?#iefix') format("embedded-opentype"),url('OpenSans-Light-webfont.woff') format("woff"),url('OpenSans-Light-webfont.ttf') format("truetype"),url('OpenSans-Light-webfont.svg#open_sanslight') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/opensans_lightitalic_macroman/OpenSans-LightItalic-demo.html b/font/opensans_lightitalic_macroman/OpenSans-LightItalic-demo.html new file mode 100644 index 0000000..2e57bad --- /dev/null +++ b/font/opensans_lightitalic_macroman/OpenSans-LightItalic-demo.html @@ -0,0 +1,9 @@ + Open Sans Light 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 Light 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

By Aenean Lacinia

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.

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas sed diam eget risus varius.

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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.

Troubleshooting
Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

\ No newline at end of file diff --git a/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot b/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot new file mode 100644 index 0000000..8f44592 Binary files /dev/null and b/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot differ diff --git a/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.svg b/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.svg new file mode 100644 index 0000000..431d7e3 --- /dev/null +++ b/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.svg @@ -0,0 +1,1835 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.ttf b/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.ttf new file mode 100644 index 0000000..01dda28 Binary files /dev/null and b/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.ttf differ diff --git a/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.woff b/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.woff new file mode 100644 index 0000000..43e8b9e Binary files /dev/null and b/font/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.woff differ diff --git a/font/opensans_lightitalic_macroman/specimen_files/OpenSans-LightItalic-cleartype.png b/font/opensans_lightitalic_macroman/specimen_files/OpenSans-LightItalic-cleartype.png new file mode 100644 index 0000000..05938b6 Binary files /dev/null and b/font/opensans_lightitalic_macroman/specimen_files/OpenSans-LightItalic-cleartype.png differ diff --git a/font/opensans_lightitalic_macroman/specimen_files/easytabs.js b/font/opensans_lightitalic_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..3a97cb7 --- /dev/null +++ b/font/opensans_lightitalic_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_lightitalic_macroman/specimen_files/grid_12-825-55-15.css b/font/opensans_lightitalic_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/opensans_lightitalic_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_lightitalic_macroman/specimen_files/specimen_stylesheet.css b/font/opensans_lightitalic_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/opensans_lightitalic_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_lightitalic_macroman/stylesheet.css b/font/opensans_lightitalic_macroman/stylesheet.css new file mode 100644 index 0000000..63bb971 --- /dev/null +++ b/font/opensans_lightitalic_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'open_sanslight_italic';src:url('OpenSans-LightItalic-webfont.eot');src:url('OpenSans-LightItalic-webfont.eot?#iefix') format("embedded-opentype"),url('OpenSans-LightItalic-webfont.woff') format("woff"),url('OpenSans-LightItalic-webfont.ttf') format("truetype"),url('OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/opensans_regular_macroman/OpenSans-Regular-demo.html b/font/opensans_regular_macroman/OpenSans-Regular-demo.html new file mode 100644 index 0000000..6a96514 --- /dev/null +++ b/font/opensans_regular_macroman/OpenSans-Regular-demo.html @@ -0,0 +1,364 @@ + + + + + + + + + + + + +Open Sans 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
+
+ bodyOpen Sans 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

+ +

By Aenean Lacinia

+
+
+
+
+

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.

+
+ +
+ +
+

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+
+ +

Maecenas sed diam eget risus varius.

+ +

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + + +

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

+ +

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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

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.

+
+ +
+
+

Troubleshooting
Font-Face Problems

+

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

+ +

Fonts not showing in any browser

+ +

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

+ +

Fonts not loading in iPhone or iPad

+ +

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

+ +

Fonts not loading in Firefox

+ +

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

+ +

Fonts not loading in IE

+ +

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

+ +

Fonts not loading in IE9

+ +

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

+
+
+
+ +
+ +
+ +
+ + diff --git a/font/opensans_regular_macroman/OpenSans-Regular-webfont.eot b/font/opensans_regular_macroman/OpenSans-Regular-webfont.eot new file mode 100644 index 0000000..6bbc3cf Binary files /dev/null and b/font/opensans_regular_macroman/OpenSans-Regular-webfont.eot differ diff --git a/font/opensans_regular_macroman/OpenSans-Regular-webfont.svg b/font/opensans_regular_macroman/OpenSans-Regular-webfont.svg new file mode 100644 index 0000000..25a3952 --- /dev/null +++ b/font/opensans_regular_macroman/OpenSans-Regular-webfont.svg @@ -0,0 +1,1831 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/opensans_regular_macroman/OpenSans-Regular-webfont.ttf b/font/opensans_regular_macroman/OpenSans-Regular-webfont.ttf new file mode 100644 index 0000000..c537f83 Binary files /dev/null and b/font/opensans_regular_macroman/OpenSans-Regular-webfont.ttf differ diff --git a/font/opensans_regular_macroman/OpenSans-Regular-webfont.woff b/font/opensans_regular_macroman/OpenSans-Regular-webfont.woff new file mode 100644 index 0000000..e231183 Binary files /dev/null and b/font/opensans_regular_macroman/OpenSans-Regular-webfont.woff differ diff --git a/font/opensans_regular_macroman/specimen_files/OpenSans-Regular-cleartype.png b/font/opensans_regular_macroman/specimen_files/OpenSans-Regular-cleartype.png new file mode 100644 index 0000000..8dfaed3 Binary files /dev/null and b/font/opensans_regular_macroman/specimen_files/OpenSans-Regular-cleartype.png differ diff --git a/font/opensans_regular_macroman/specimen_files/easytabs.js b/font/opensans_regular_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..3a97cb7 --- /dev/null +++ b/font/opensans_regular_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_regular_macroman/specimen_files/grid_12-825-55-15.css b/font/opensans_regular_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/opensans_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/opensans_regular_macroman/specimen_files/specimen_stylesheet.css b/font/opensans_regular_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/opensans_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/opensans_regular_macroman/stylesheet.css b/font/opensans_regular_macroman/stylesheet.css new file mode 100644 index 0000000..5c51ce9 --- /dev/null +++ b/font/opensans_regular_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'open_sansregular';src:url('OpenSans-Regular-webfont.eot');src:url('OpenSans-Regular-webfont.eot?#iefix') format("embedded-opentype"),url('OpenSans-Regular-webfont.woff') format("woff"),url('OpenSans-Regular-webfont.ttf') format("truetype"),url('OpenSans-Regular-webfont.svg#open_sansregular') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/opensans_semibold_macroman/OpenSans-Semibold-demo.html b/font/opensans_semibold_macroman/OpenSans-Semibold-demo.html new file mode 100644 index 0000000..420b7cf --- /dev/null +++ b/font/opensans_semibold_macroman/OpenSans-Semibold-demo.html @@ -0,0 +1,9 @@ + Open Sans Semibold 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 Semibold
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

By Aenean Lacinia

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.

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas sed diam eget risus varius.

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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.

Troubleshooting
Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

\ No newline at end of file diff --git a/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot b/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot new file mode 100644 index 0000000..d8375dd Binary files /dev/null and b/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot differ diff --git a/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg b/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg new file mode 100644 index 0000000..eec4db8 --- /dev/null +++ b/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg @@ -0,0 +1,1830 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf b/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf new file mode 100644 index 0000000..b329084 Binary files /dev/null and b/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf differ diff --git a/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff b/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff new file mode 100644 index 0000000..28d6ade Binary files /dev/null and b/font/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff differ diff --git a/font/opensans_semibold_macroman/specimen_files/OpenSans-Semibold-cleartype.png b/font/opensans_semibold_macroman/specimen_files/OpenSans-Semibold-cleartype.png new file mode 100644 index 0000000..8bc1f05 Binary files /dev/null and b/font/opensans_semibold_macroman/specimen_files/OpenSans-Semibold-cleartype.png differ diff --git a/font/opensans_semibold_macroman/specimen_files/easytabs.js b/font/opensans_semibold_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..3a97cb7 --- /dev/null +++ b/font/opensans_semibold_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_semibold_macroman/specimen_files/grid_12-825-55-15.css b/font/opensans_semibold_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/opensans_semibold_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_semibold_macroman/specimen_files/specimen_stylesheet.css b/font/opensans_semibold_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/opensans_semibold_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_semibold_macroman/stylesheet.css b/font/opensans_semibold_macroman/stylesheet.css new file mode 100644 index 0000000..2db71cb --- /dev/null +++ b/font/opensans_semibold_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'open_sanssemibold';src:url('OpenSans-Semibold-webfont.eot');src:url('OpenSans-Semibold-webfont.eot?#iefix') format("embedded-opentype"),url('OpenSans-Semibold-webfont.woff') format("woff"),url('OpenSans-Semibold-webfont.ttf') format("truetype"),url('OpenSans-Semibold-webfont.svg#open_sanssemibold') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-demo.html b/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-demo.html new file mode 100644 index 0000000..5776323 --- /dev/null +++ b/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-demo.html @@ -0,0 +1,9 @@ + Open Sans Semibold 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 Semibold 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

By Aenean Lacinia

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.

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Maecenas sed diam eget risus varius.

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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.

Troubleshooting
Font-Face Problems

Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.

Fonts not showing in any browser

This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.

Fonts not loading in iPhone or iPad

The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.

Fonts not loading in Firefox

The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)

Fonts not loading in IE

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.

Fonts not loading in IE9

IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.

\ No newline at end of file diff --git a/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.eot b/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.eot new file mode 100644 index 0000000..0ab1db2 Binary files /dev/null and b/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.eot differ diff --git a/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.svg b/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.svg new file mode 100644 index 0000000..7166ec1 --- /dev/null +++ b/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.svg @@ -0,0 +1,1830 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.ttf b/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.ttf new file mode 100644 index 0000000..d2d6318 Binary files /dev/null and b/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.ttf differ diff --git a/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.woff b/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.woff new file mode 100644 index 0000000..d4dfca4 Binary files /dev/null and b/font/opensans_semibolditalic_macroman/OpenSans-SemiboldItalic-webfont.woff differ diff --git a/font/opensans_semibolditalic_macroman/specimen_files/OpenSans-SemiboldItalic-cleartype.png b/font/opensans_semibolditalic_macroman/specimen_files/OpenSans-SemiboldItalic-cleartype.png new file mode 100644 index 0000000..4c45785 Binary files /dev/null and b/font/opensans_semibolditalic_macroman/specimen_files/OpenSans-SemiboldItalic-cleartype.png differ diff --git a/font/opensans_semibolditalic_macroman/specimen_files/easytabs.js b/font/opensans_semibolditalic_macroman/specimen_files/easytabs.js new file mode 100644 index 0000000..3a97cb7 --- /dev/null +++ b/font/opensans_semibolditalic_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_semibolditalic_macroman/specimen_files/grid_12-825-55-15.css b/font/opensans_semibolditalic_macroman/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..b2fd6a9 --- /dev/null +++ b/font/opensans_semibolditalic_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_semibolditalic_macroman/specimen_files/specimen_stylesheet.css b/font/opensans_semibolditalic_macroman/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..6274c97 --- /dev/null +++ b/font/opensans_semibolditalic_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_semibolditalic_macroman/stylesheet.css b/font/opensans_semibolditalic_macroman/stylesheet.css new file mode 100644 index 0000000..8a79f4e --- /dev/null +++ b/font/opensans_semibolditalic_macroman/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'open_sanssemibold_italic';src:url('OpenSans-SemiboldItalic-webfont.eot');src:url('OpenSans-SemiboldItalic-webfont.eot?#iefix') format("embedded-opentype"),url('OpenSans-SemiboldItalic-webfont.woff') format("woff"),url('OpenSans-SemiboldItalic-webfont.ttf') format("truetype"),url('OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format("svg");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/font/starjhol/Starjhol.ttf b/font/starjhol/Starjhol.ttf new file mode 100644 index 0000000..7fce426 Binary files /dev/null and b/font/starjhol/Starjhol.ttf differ diff --git a/font/starjhol/stylesheet.css b/font/starjhol/stylesheet.css new file mode 100644 index 0000000..f451a0c --- /dev/null +++ b/font/starjhol/stylesheet.css @@ -0,0 +1 @@ +@font-face{font-family:'Star Jedi Hollow';src:url('Starjhol.ttf') format("truetype");font-weight:normal;font-style:normal} \ No newline at end of file diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf new file mode 100644 index 0000000..681bdd4 Binary files /dev/null and b/fonts/FontAwesome.otf differ diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..a30335d Binary files /dev/null and b/fonts/fontawesome-webfont.eot differ diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..6fd19ab --- /dev/null +++ b/fonts/fontawesome-webfont.svg @@ -0,0 +1,640 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..d7994e1 Binary files /dev/null and b/fonts/fontawesome-webfont.ttf differ diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..6fd4ede Binary files /dev/null and b/fonts/fontawesome-webfont.woff differ diff --git a/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..5560193 Binary files /dev/null and b/fonts/fontawesome-webfont.woff2 differ diff --git a/images/.htaccess b/images/.htaccess new file mode 100644 index 0000000..5ac850f --- /dev/null +++ b/images/.htaccess @@ -0,0 +1,2 @@ +IndexIgnore * + diff --git a/images/2013analyseDepenses.svg b/images/2013analyseDepenses.svg new file mode 100644 index 0000000..12e007e --- /dev/null +++ b/images/2013analyseDepenses.svg @@ -0,0 +1,418 @@ + + + +image/svg+xmlPage +1 +27,7% +16,6% +3,3% +15,9% +1,4% +11,7% +4,9% +4,2% +10,1% +4,1% +Analyse des dépenses de l'April +Dossiers institutionnels (fr) +Dossiers internationaux +Transport et missions +Actions de sensibilisation +(conférences, stands, imprimés) +Achats de matériel +Gestion des membres +Administration système +Recherche de financements +Animation de la vie associative +Local + \ No newline at end of file diff --git a/images/2014_april_prism_backdoor.png b/images/2014_april_prism_backdoor.png new file mode 100644 index 0000000..f910dd5 Binary files /dev/null and b/images/2014_april_prism_backdoor.png differ diff --git a/images/300px-Sticker.png b/images/300px-Sticker.png new file mode 100644 index 0000000..40a8dad Binary files /dev/null and b/images/300px-Sticker.png differ diff --git a/images/62460-benoit-sibaud-april-bernard-benhamou-lutece-d-or.jpg b/images/62460-benoit-sibaud-april-bernard-benhamou-lutece-d-or.jpg new file mode 100644 index 0000000..b25bc5f Binary files /dev/null and b/images/62460-benoit-sibaud-april-bernard-benhamou-lutece-d-or.jpg differ diff --git a/images/7169434311_1607448355_h.jpg b/images/7169434311_1607448355_h.jpg new file mode 100644 index 0000000..a6caf74 Binary files /dev/null and b/images/7169434311_1607448355_h.jpg differ diff --git a/images/Adherer.png b/images/Adherer.png new file mode 100644 index 0000000..8a588dd Binary files /dev/null and b/images/Adherer.png differ diff --git a/images/Adherer.svg b/images/Adherer.svg new file mode 100644 index 0000000..2f02284 --- /dev/null +++ b/images/Adherer.svg @@ -0,0 +1,175 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + Adhérer + + + + + + diff --git a/images/Analyse_des_depenses_2013.png b/images/Analyse_des_depenses_2013.png new file mode 100644 index 0000000..8c26489 Binary files /dev/null and b/images/Analyse_des_depenses_2013.png differ diff --git a/images/Analyse_des_depenses_2013.svg b/images/Analyse_des_depenses_2013.svg new file mode 100644 index 0000000..8412633 --- /dev/null +++ b/images/Analyse_des_depenses_2013.svg @@ -0,0 +1,483 @@ + + + +image/svg+xmlPage + + + +1 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +27,7% +16,6% +3,3% +15,9% +1,4% +11,7% +4,9% +4,2% +10,1% +4,1% + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +Dossiers institutionnels (fr) +Dossiers internationaux +Transport et missions +Actions de sensibilisation +(conférences, stands, imprimés) +Achats de matériel +Gestion des membres +Administration système +Recherche de financements +Animation de la vie associative +Local + + + + \ No newline at end of file diff --git a/images/P2120508.JPG b/images/P2120508.JPG new file mode 100644 index 0000000..5641b72 Binary files /dev/null and b/images/P2120508.JPG differ diff --git a/images/RMS.png b/images/RMS.png new file mode 100644 index 0000000..131ac72 Binary files /dev/null and b/images/RMS.png differ diff --git a/images/adhesion.png b/images/adhesion.png new file mode 100644 index 0000000..4cc6f19 Binary files /dev/null and b/images/adhesion.png differ diff --git a/images/adhesion_black.png b/images/adhesion_black.png new file mode 100644 index 0000000..321d204 Binary files /dev/null and b/images/adhesion_black.png differ diff --git a/images/affiche.png b/images/affiche.png new file mode 100644 index 0000000..4ae14a8 Binary files /dev/null and b/images/affiche.png differ diff --git a/images/april-camp-loop.jpg b/images/april-camp-loop.jpg new file mode 100644 index 0000000..5a19419 Binary files /dev/null and b/images/april-camp-loop.jpg differ diff --git a/images/aprilcampMontpellibre.jpg b/images/aprilcampMontpellibre.jpg new file mode 100644 index 0000000..221b61b Binary files /dev/null and b/images/aprilcampMontpellibre.jpg differ diff --git a/images/banniere-125x125-en.png b/images/banniere-125x125-en.png new file mode 100644 index 0000000..2faefdf Binary files /dev/null and b/images/banniere-125x125-en.png differ diff --git a/images/banniere-125x125-gb.png b/images/banniere-125x125-gb.png new file mode 100644 index 0000000..9833a14 Binary files /dev/null and b/images/banniere-125x125-gb.png differ diff --git a/images/banniere-300x250-en.png b/images/banniere-300x250-en.png new file mode 100644 index 0000000..3ba8d6a Binary files /dev/null and b/images/banniere-300x250-en.png differ diff --git a/images/banniere-300x250-gb.png b/images/banniere-300x250-gb.png new file mode 100644 index 0000000..fbc1d26 Binary files /dev/null and b/images/banniere-300x250-gb.png differ diff --git a/images/banniere-468X60-en.png b/images/banniere-468X60-en.png new file mode 100644 index 0000000..47dab75 Binary files /dev/null and b/images/banniere-468X60-en.png differ diff --git a/images/banniere-468X60-gb.png b/images/banniere-468X60-gb.png new file mode 100644 index 0000000..556901f Binary files /dev/null and b/images/banniere-468X60-gb.png differ diff --git a/images/banniere-728x90-en.png b/images/banniere-728x90-en.png new file mode 100644 index 0000000..02f913a Binary files /dev/null and b/images/banniere-728x90-en.png differ diff --git a/images/banniere-728x90-gb.png b/images/banniere-728x90-gb.png new file mode 100644 index 0000000..aeed057 Binary files /dev/null and b/images/banniere-728x90-gb.png differ diff --git a/images/banniere-728x90.png b/images/banniere-728x90.png new file mode 100644 index 0000000..4fa1458 Binary files /dev/null and b/images/banniere-728x90.png differ diff --git a/images/banniere_1200-300_v2.png b/images/banniere_1200-300_v2.png new file mode 100644 index 0000000..0b61ecc Binary files /dev/null and b/images/banniere_1200-300_v2.png differ diff --git a/images/banniere_black_1200-300.png b/images/banniere_black_1200-300.png new file mode 100644 index 0000000..731d476 Binary files /dev/null and b/images/banniere_black_1200-300.png differ diff --git a/images/camp-april-2014-sources-en.zip b/images/camp-april-2014-sources-en.zip new file mode 100644 index 0000000..3610352 Binary files /dev/null and b/images/camp-april-2014-sources-en.zip differ diff --git a/images/camp-april-2014-sources-fr-textemodifie.zip b/images/camp-april-2014-sources-fr-textemodifie.zip new file mode 100644 index 0000000..89485cc Binary files /dev/null and b/images/camp-april-2014-sources-fr-textemodifie.zip differ diff --git a/images/camp-april-2014-sources-fr.zip b/images/camp-april-2014-sources-fr.zip new file mode 100644 index 0000000..8cf4191 Binary files /dev/null and b/images/camp-april-2014-sources-fr.zip differ diff --git a/images/catalogue_libre.jpg b/images/catalogue_libre.jpg new file mode 100644 index 0000000..f842dc7 Binary files /dev/null and b/images/catalogue_libre.jpg differ diff --git a/images/clouds3.png b/images/clouds3.png new file mode 100644 index 0000000..9f1973c Binary files /dev/null and b/images/clouds3.png differ diff --git a/images/dangersEtFlyers.jpg b/images/dangersEtFlyers.jpg new file mode 100644 index 0000000..1bdc8fc Binary files /dev/null and b/images/dangersEtFlyers.jpg differ diff --git a/images/dangersEtFlyers.png b/images/dangersEtFlyers.png new file mode 100644 index 0000000..692c9c9 Binary files /dev/null and b/images/dangersEtFlyers.png differ diff --git a/images/don black.png b/images/don black.png new file mode 100644 index 0000000..bf25dd3 Binary files /dev/null and b/images/don black.png differ diff --git a/images/don.png b/images/don.png new file mode 100644 index 0000000..9e41ea5 Binary files /dev/null and b/images/don.png differ diff --git a/images/drmLivres.jpg b/images/drmLivres.jpg new file mode 100644 index 0000000..e4f1947 Binary files /dev/null and b/images/drmLivres.jpg differ diff --git a/images/html5-badge-h-css3-graphics-semantics.png b/images/html5-badge-h-css3-graphics-semantics.png new file mode 100644 index 0000000..b794626 Binary files /dev/null and b/images/html5-badge-h-css3-graphics-semantics.png differ diff --git a/images/jedis2.png b/images/jedis2.png new file mode 100644 index 0000000..cc955a7 Binary files /dev/null and b/images/jedis2.png differ diff --git a/images/logoApril.png b/images/logoApril.png new file mode 100644 index 0000000..7c15db0 Binary files /dev/null and b/images/logoApril.png differ diff --git a/images/montage-tshirt.png b/images/montage-tshirt.png new file mode 100644 index 0000000..113ed69 Binary files /dev/null and b/images/montage-tshirt.png differ diff --git a/images/montage-tshirt.svg b/images/montage-tshirt.svg new file mode 100644 index 0000000..cbf405f --- /dev/null +++ b/images/montage-tshirt.svg @@ -0,0 +1,405 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/montage_camp.png b/images/montage_camp.png new file mode 100644 index 0000000..3b2113c Binary files /dev/null and b/images/montage_camp.png differ diff --git a/images/montage_camp.svg b/images/montage_camp.svg new file mode 100644 index 0000000..c68daf9 --- /dev/null +++ b/images/montage_camp.svg @@ -0,0 +1,197 @@ + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/mrLionel.jpg b/images/mrLionel.jpg new file mode 100644 index 0000000..a8de721 Binary files /dev/null and b/images/mrLionel.jpg differ diff --git a/images/palpatine-educ.jpg b/images/palpatine-educ.jpg new file mode 100644 index 0000000..c08db0f Binary files /dev/null and b/images/palpatine-educ.jpg differ diff --git a/images/palpatine-educ.png b/images/palpatine-educ.png new file mode 100644 index 0000000..c7aa566 Binary files /dev/null and b/images/palpatine-educ.png differ diff --git a/images/palpatine-educ.svg b/images/palpatine-educ.svg new file mode 100644 index 0000000..e556cc1 --- /dev/null +++ b/images/palpatine-educ.svg @@ -0,0 +1,1059 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/images/palpatine-educ.xcf b/images/palpatine-educ.xcf new file mode 100644 index 0000000..4d689e0 Binary files /dev/null and b/images/palpatine-educ.xcf differ diff --git a/images/pnGrenoble.jpg b/images/pnGrenoble.jpg new file mode 100644 index 0000000..76a119f Binary files /dev/null and b/images/pnGrenoble.jpg differ diff --git a/images/priorite-logiciel-libre-je-soutiens-april.png b/images/priorite-logiciel-libre-je-soutiens-april.png new file mode 100644 index 0000000..ddd478f Binary files /dev/null and b/images/priorite-logiciel-libre-je-soutiens-april.png differ diff --git a/images/priorite-logiciel-libre-je-soutiens-april_2.png b/images/priorite-logiciel-libre-je-soutiens-april_2.png new file mode 100644 index 0000000..f852bee Binary files /dev/null and b/images/priorite-logiciel-libre-je-soutiens-april_2.png differ diff --git a/images/priorite-logiciel-libre-je-soutiens-april_2_c.png b/images/priorite-logiciel-libre-je-soutiens-april_2_c.png new file mode 100644 index 0000000..51bcee3 Binary files /dev/null and b/images/priorite-logiciel-libre-je-soutiens-april_2_c.png differ diff --git a/images/priorite-logiciel-libre-je-soutiens-april_2_m.png b/images/priorite-logiciel-libre-je-soutiens-april_2_m.png new file mode 100644 index 0000000..02063cb Binary files /dev/null and b/images/priorite-logiciel-libre-je-soutiens-april_2_m.png differ diff --git a/images/priorite-logiciel-libre-je-soutiens-april_2_p.png b/images/priorite-logiciel-libre-je-soutiens-april_2_p.png new file mode 100644 index 0000000..b2b9525 Binary files /dev/null and b/images/priorite-logiciel-libre-je-soutiens-april_2_p.png differ diff --git a/images/priorite-logiciel-libre-je-soutiens-april_c.png b/images/priorite-logiciel-libre-je-soutiens-april_c.png new file mode 100644 index 0000000..2b86271 Binary files /dev/null and b/images/priorite-logiciel-libre-je-soutiens-april_c.png differ diff --git a/images/priorite-logiciel-libre-je-soutiens-april_m.png b/images/priorite-logiciel-libre-je-soutiens-april_m.png new file mode 100644 index 0000000..9968293 Binary files /dev/null and b/images/priorite-logiciel-libre-je-soutiens-april_m.png differ diff --git a/images/priorite-logiciel-libre-je-soutiens-april_p.png b/images/priorite-logiciel-libre-je-soutiens-april_p.png new file mode 100644 index 0000000..0f3f062 Binary files /dev/null and b/images/priorite-logiciel-libre-je-soutiens-april_p.png differ diff --git a/images/rms-web.jpg b/images/rms-web.jpg new file mode 100644 index 0000000..250d5e3 Binary files /dev/null and b/images/rms-web.jpg differ diff --git a/images/roman/1024px-20080406165033!V-22_Osprey_refueling_edit1.jpg b/images/roman/1024px-20080406165033!V-22_Osprey_refueling_edit1.jpg new file mode 100644 index 0000000..83c9168 Binary files /dev/null and b/images/roman/1024px-20080406165033!V-22_Osprey_refueling_edit1.jpg differ diff --git a/images/roman/1024px-Apollo_17_Moon_Panorama.jpg b/images/roman/1024px-Apollo_17_Moon_Panorama.jpg new file mode 100644 index 0000000..c415ea7 Binary files /dev/null and b/images/roman/1024px-Apollo_17_Moon_Panorama.jpg differ diff --git a/images/roman/1024px-Dawn_Patrol.jpg b/images/roman/1024px-Dawn_Patrol.jpg new file mode 100644 index 0000000..fca820b Binary files /dev/null and b/images/roman/1024px-Dawn_Patrol.jpg differ diff --git a/images/roman/1024px-Indre_Fure,_Stadtlandet.jpg b/images/roman/1024px-Indre_Fure,_Stadtlandet.jpg new file mode 100644 index 0000000..45c5cce Binary files /dev/null and b/images/roman/1024px-Indre_Fure,_Stadtlandet.jpg differ diff --git a/images/roman/1024px-Kovalev_v_Szilagyi_2013_Fencing_WCH_SMS-IN_t194135.jpg b/images/roman/1024px-Kovalev_v_Szilagyi_2013_Fencing_WCH_SMS-IN_t194135.jpg new file mode 100644 index 0000000..2acdb6a Binary files /dev/null and b/images/roman/1024px-Kovalev_v_Szilagyi_2013_Fencing_WCH_SMS-IN_t194135.jpg differ diff --git a/images/roman/1024px-Lightning_Pritzerbe_01_(MK).jpg b/images/roman/1024px-Lightning_Pritzerbe_01_(MK).jpg new file mode 100644 index 0000000..7db1114 Binary files /dev/null and b/images/roman/1024px-Lightning_Pritzerbe_01_(MK).jpg differ diff --git a/images/roman/1024px-Pahoehoe_Lava_flow.jpg b/images/roman/1024px-Pahoehoe_Lava_flow.jpg new file mode 100644 index 0000000..8709063 Binary files /dev/null and b/images/roman/1024px-Pahoehoe_Lava_flow.jpg differ diff --git a/images/roman/1024px-STS-130_exhaust_cloud_engulfs_Launch_Pad_39A.jpg b/images/roman/1024px-STS-130_exhaust_cloud_engulfs_Launch_Pad_39A.jpg new file mode 100644 index 0000000..a7aba0c Binary files /dev/null and b/images/roman/1024px-STS-130_exhaust_cloud_engulfs_Launch_Pad_39A.jpg differ diff --git a/images/stars.png b/images/stars.png new file mode 100644 index 0000000..02d1a7f Binary files /dev/null and b/images/stars.png differ diff --git a/images/t-shirt-folie.jpg b/images/t-shirt-folie.jpg new file mode 100644 index 0000000..298f51e Binary files /dev/null and b/images/t-shirt-folie.jpg differ diff --git a/images/teteDeLuc.png b/images/teteDeLuc.png new file mode 100644 index 0000000..c589819 Binary files /dev/null and b/images/teteDeLuc.png differ diff --git a/images/teteDeLuc_p.png b/images/teteDeLuc_p.png new file mode 100644 index 0000000..bba203b Binary files /dev/null and b/images/teteDeLuc_p.png differ diff --git a/images/tristantNitot.jpg b/images/tristantNitot.jpg new file mode 100644 index 0000000..cd41469 Binary files /dev/null and b/images/tristantNitot.jpg differ diff --git a/images/twinkling.png b/images/twinkling.png new file mode 100644 index 0000000..777a563 Binary files /dev/null and b/images/twinkling.png differ diff --git a/images/v2EtFlyers.jpg b/images/v2EtFlyers.jpg new file mode 100644 index 0000000..7765f55 Binary files /dev/null and b/images/v2EtFlyers.jpg differ diff --git a/images/video_april.png b/images/video_april.png new file mode 100644 index 0000000..1ee8d7c Binary files /dev/null and b/images/video_april.png differ diff --git a/images/wavelogo.png b/images/wavelogo.png new file mode 100644 index 0000000..f154fb4 Binary files /dev/null and b/images/wavelogo.png differ diff --git a/images/équipeDeWinners.jpg b/images/équipeDeWinners.jpg new file mode 100644 index 0000000..b4df08c Binary files /dev/null and b/images/équipeDeWinners.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..f0d550b --- /dev/null +++ b/index.html @@ -0,0 +1,190 @@ + + + + + + + + + + + + Priorité au Logiciel Libre! + + + + + + + + + + + +
+

April

+
+
+ +
+
Cela aurait tout aussi bien pu se dérouler il y a longtemps dans une galaxie lointaine, très lointaine,
mais cela se passe ici et maintenant.
+
+
+

Que la force soit avec vous !

+

 

+

L'April a choisi d'intensifier et de multiplier ses actions de promotion et de défense du Logiciel Libre.

+

Sans relâche, elle s'emploie à informer gouvernements et parlements, démontrer que le logiciel libre, l'interopérabilité, les formats ouverts, le respect des utilisateurs et les communs  informationnels sont autant d'atouts pour les individus, les associations, les collectivités et les entreprises, et qu'ils se doivent de les promouvoir universellement.

+

L'action de l'April en faveur du logiciel libre s'inscrit dans le cadre d'une liberté informatique complète qui nécessite du matériel libre, un réseau neutre, des formats interopérables, des données libres... En effet, l'usage de l'informatique aujourd'hui dépasse la simple exécution d'un logiciel sur son matériel, et le logiciel Libre est historiquement le premier maillon d'une longue chaîne. Que l'un de ses maillons cède et c'est la chaîne toute entière qui rompt.

+

La menace sur nos libertés s'est globalement renforcée. L'engagement en faveur du Logiciel Libre est plus que jamais d'une importance vitale. C'est justement à l'heure où le Libre obtient une certaine reconnaissance qu'il faut redoubler d'efforts pour que les principes essentiels du Logiciel Libre ne se dissolvent pas dans les effets de mode et le pragmatisme indifférents à l'éthique du Libre.

+

L'April redoublera de vigilance pour dénoncer toute nouvelle atteinte au Logiciel Libre et aux libertés informatiques. Elle s'activera pour soutenir et protéger leur développement.

+

Et l'April relancera à l'occasion des élections à venir, la campagne Candidats.fr. Depuis 2007, il s'agit de sensibiliser les futurs élus aux dangers qui menacent nos vies numériques (DRM, surveillance de masse, protection des données personnelles, etc), mais surtout leur exposer les opportunités offertes par le Logiciel Libre: accès pour tous, innovation, formation et création d'emplois locaux.

+
Plus facile, plus rapide, plus séduisant est le côté obscur ; mais pas plus fort, il est.
+
+
+

À plus long terme l'association projette d'organiser ses actions autour des dossiers identifiés comme prioritaires:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Formats ouverts et interopérabilité Éducation nationale
 Les quatre Siths
(Brevets logiciels, DRM, vente forcée, informatique déloyale)		 
Protection de la vie privée Décentralisation des services, maîtrise personnelle de l'informatique
Sensibilisation de nouveaux publics
Entreprises / économieCollectivités territoriales / administrations
Et surtout la priorité au Logiciel Libre
+
    +
  • À titre individuel: il est important que chacun puisse reprendre en main son informatique en donnant la priorité au logiciel libre.
    • +
  • À titre collectif/société: face à la puissance économique des entreprises qui diffusent des logiciels privateurs, l'inaction n'est pas la bonne solution, car les forces en jeu sont trop dissymétriques. Il faut des politiques publiques beaucoup plus volontaristes en matière de logiciels libres. Et donc obtenir la priorité aux logiciels libres et aux formats ouverts dans le service public national et local est primordial.
    • +
+

L'association continuera son travail de veille sur les autres dossiers tels que l'accessibilité, les licences, les infrastructures libres, le partenariat avec le monde associatif, la veille législative internationale et la coopération internationale notamment francophone.

+
Un Jedi utilise la Force pour la connaissance et la défense, jamais pour l'attaque
+
+
+

Passez à l'action

+

+

 

+

L'April, grâce aux Rebelles, aux Jedis et à leurs Maîtres, est une association précieuse et unique pour tous ceux qui utilisent et qui produisent des logiciels libres.

+

 

+

 

+ + + + + + + + + + + + +
Soutenez les Rebelles: faites un don, ils sauront le faire fructifier.Rejoignez vous aussi la rébellion en adhérant à l'April, et en vous acquittant d'une cotisation annuelle.Laissez s'exprimer la force qui est en vous et soyez le Jedi qui, après avoir adhéré à l'April, devient un bénévole actif.
DonsAdhésion
+

Grâce à vos cotisations et à vos dons, l'April pourra rémunérer ses Maîtres Jedis, financer ses actions et embaucher les personnes à même de traiter les dossiers de plus en plus nombreux et complexes.

+
+
+

Foire Aux Questions

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

Qu'est-ce que l'April?

+

Pionnière du logiciel libre en France, l'April est depuis 1996 un acteur majeur de la démocratisation et de la diffusion du Logiciel Libre et des standards ouverts auprès du grand public, des professionnels et des institutions dans l'espace francophone.

+

Elle veille aussi, à l'ère du numérique, à sensibiliser l'opinion sur les dangers d'une appropriation exclusive de l'information et du savoir par des intérêts privés.

+

L'association est constituée de plus de 4200 membres utilisateurs et producteurs de logiciels libres.

+

Pour en savoir plus, rendez-vous sur notre site web.

+ 		+

Le paiement par carte bancaire est-il sécurisé?

+

Pour le paiement, nous utilisons les services du Crédit Mutuel. Toutes les informations que vous renseignez sur ce site sont chiffrées par le protocole TLS (Transport Layer Security). Grâce à ce système de chiffrement, les informations bancaires transitent en toute sécurité sur Internet.

+

Lorsque vous procédez à votre don, vous sortez de notre site pour être redirigé sur un espace sécurisé du Crédit Mutuel.

+

L'April n'aura jamais connaissance de votre numéro de carte bancaire.

+

 

+
+

Relayer la campagne

+

Pour relayer la campagne, vous pouvez récupérer les images (avec fonds noir).

+

Si vous désirer mettre des messages sur les réseaux sociaux, le mot-clic/hashtag est #JeSoutiensApril

+

N'hésitez pas à en parler autour de vous, amis, famille, collègues, patrons et journalistes!!

+
+

Crédits

+

Les images ont été réalisées par Magali Garnero et François Revol, elles sont diffusées sous les termes d’au moins une des licences suivantes:

+ +

Certaines images de la vidéo viennent d'Openclipart.org

+

Le code source de ce site est disponible sous la licence AGPL version 3 ou ultérieure.

+ 		+

Ce site est-il accessible?

+

Nous avons travaillé à rendre ce site le plus accessible possible et nous espérons qu'il ne reste aucun point bloquant. N'hésitez pas à faire remonter tout «bug» d'accessibilité, accompagné si possible de propositions de correction.

+

+
+

L'adhésion est-elle éligible à la réduction d'impôts?

+

La somme versée dans le cadre d'une adhésion ou d'un don n'est pas déductible des impôts.

+  		 +

Vous avez une autre question?

+

Si vous avez une autre question, vous pouvez nous envoyer un courriel, nous contacter sur notre salon irc (accessible par un webchat) ou nous appeler au +33 (0)1 78 76 92 80.

+
+
Que le Libre soit avec vous!
+
+
+ + diff --git a/javascripts/all.js b/javascripts/all.js new file mode 100644 index 0000000..304a0b2 --- /dev/null +++ b/javascripts/all.js @@ -0,0 +1,77 @@ +/* + @licstart The following is the entire license notice for the JavaScript code in this page. + + frTypo, la typographie française simplifiée + + Copyright (C) 2013 acoeuro + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as + published by the Free Software Foundation, either version 3 of the + License, or (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see . + + @licend The above is the entire license notice for the JavaScript code in this page. + */ +(function(){var e,t;jQuery(function(){return"fr"===$("html").attr("lang")?$("body *").contents().filter(function(){return this.nodeType===Node.TEXT_NODE}).filter(function(){return 0>["CODE","PRE"].indexOf(this.parentNode.tagName)}).filter(function(){return null!=this.nodeValue.match(e)||null!=this.nodeValue.match(t)}).each(function(){return $(this).replaceWith(function(){return this.nodeValue.replace(e,'$1$2$3').replace(t,'$1$2')})}):void 0}),e=/([\w\xc0-\xff\)\]])([!?:;\xbb%])([\s]|[^\w\/]|$)/g,t=/([\xab])([\w\xc0-\xff\)\]])/g}).call(this),/*! + * jQuery JavaScript Library v1.11.0 + * http://jquery.com/ + * + * Includes Sizzle.js + * http://sizzlejs.com/ + * + * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors + * Released under the MIT license + * http://jquery.org/license + * + * Date: 2014-01-23T21:02Z + */ +function(e,t){"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(e,t){function n(e){var t=e.length,n=oe.type(e);return"function"===n||oe.isWindow(e)?!1:1===e.nodeType&&t?!0:"array"===n||0===t||"number"==typeof t&&t>0&&t-1 in e}function r(e,t,n){if(oe.isFunction(t))return oe.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return oe.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(pe.test(t))return oe.filter(t,e,n);t=oe.filter(t,e)}return oe.grep(e,function(e){return oe.inArray(e,t)>=0!==n})}function i(e,t){do e=e[t];while(e&&1!==e.nodeType);return e}function o(e){var t=we[e]={};return oe.each(e.match(xe)||[],function(e,n){t[n]=!0}),t}function a(){me.addEventListener?(me.removeEventListener("DOMContentLoaded",s,!1),e.removeEventListener("load",s,!1)):(me.detachEvent("onreadystatechange",s),e.detachEvent("onload",s))}function s(){(me.addEventListener||"load"===event.type||"complete"===me.readyState)&&(a(),oe.ready())}function l(e,t,n){if(void 0===n&&1===e.nodeType){var r="data-"+t.replace(ke,"-$1").toLowerCase();if(n=e.getAttribute(r),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:Ne.test(n)?oe.parseJSON(n):n}catch(i){}oe.data(e,t,n)}else n=void 0}return n}function u(e){var t;for(t in e)if(("data"!==t||!oe.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}function c(e,t,n,r){if(oe.acceptData(e)){var i,o,a=oe.expando,s=e.nodeType,l=s?oe.cache:e,u=s?e[a]:e[a]&&a;if(u&&l[u]&&(r||l[u].data)||void 0!==n||"string"!=typeof t)return u||(u=s?e[a]=Q.pop()||oe.guid++:a),l[u]||(l[u]=s?{}:{toJSON:oe.noop}),("object"==typeof t||"function"==typeof t)&&(r?l[u]=oe.extend(l[u],t):l[u].data=oe.extend(l[u].data,t)),o=l[u],r||(o.data||(o.data={}),o=o.data),void 0!==n&&(o[oe.camelCase(t)]=n),"string"==typeof t?(i=o[t],null==i&&(i=o[oe.camelCase(t)])):i=o,i}}function f(e,t,n){if(oe.acceptData(e)){var r,i,o=e.nodeType,a=o?oe.cache:e,s=o?e[oe.expando]:oe.expando;if(a[s]){if(t&&(r=n?a[s]:a[s].data)){oe.isArray(t)?t=t.concat(oe.map(t,oe.camelCase)):t in r?t=[t]:(t=oe.camelCase(t),t=t in r?[t]:t.split(" ")),i=t.length;for(;i--;)delete r[t[i]];if(n?!u(r):!oe.isEmptyObject(r))return}(n||(delete a[s].data,u(a[s])))&&(o?oe.cleanData([e],!0):re.deleteExpando||a!=a.window?delete a[s]:a[s]=null)}}}function d(){return!0}function p(){return!1}function h(){try{return me.activeElement}catch(e){}}function m(e){var t=Fe.split("|"),n=e.createDocumentFragment();if(n.createElement)for(;t.length;)n.createElement(t.pop());return n}function g(e,t){var n,r,i=0,o=typeof e.getElementsByTagName!==Ee?e.getElementsByTagName(t||"*"):typeof e.querySelectorAll!==Ee?e.querySelectorAll(t||"*"):void 0;if(!o)for(o=[],n=e.childNodes||e;null!=(r=n[i]);i++)!t||oe.nodeName(r,t)?o.push(r):oe.merge(o,g(r,t));return void 0===t||t&&oe.nodeName(e,t)?oe.merge([e],o):o}function v(e){Le.test(e.type)&&(e.defaultChecked=e.checked)}function y(e,t){return oe.nodeName(e,"table")&&oe.nodeName(11!==t.nodeType?t:t.firstChild,"tr")?e.getElementsByTagName("tbody")[0]||e.appendChild(e.ownerDocument.createElement("tbody")):e}function b(e){return e.type=(null!==oe.find.attr(e,"type"))+"/"+e.type,e}function x(e){var t=Qe.exec(e.type);return t?e.type=t[1]:e.removeAttribute("type"),e}function w(e,t){for(var n,r=0;null!=(n=e[r]);r++)oe._data(n,"globalEval",!t||oe._data(t[r],"globalEval"))}function T(e,t){if(1===t.nodeType&&oe.hasData(e)){var n,r,i,o=oe._data(e),a=oe._data(t,o),s=o.events;if(s){delete a.handle,a.events={};for(n in s)for(r=0,i=s[n].length;i>r;r++)oe.event.add(t,n,s[n][r])}a.data&&(a.data=oe.extend({},a.data))}}function C(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!re.noCloneEvent&&t[oe.expando]){i=oe._data(t);for(r in i.events)oe.removeEvent(t,r,i.handle);t.removeAttribute(oe.expando)}"script"===n&&t.text!==e.text?(b(t).text=e.text,x(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),re.html5Clone&&e.innerHTML&&!oe.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Le.test(e.type)?(t.defaultChecked=t.checked=e.checked,t.value!==e.value&&(t.value=e.value)):"option"===n?t.defaultSelected=t.selected=e.defaultSelected:("input"===n||"textarea"===n)&&(t.defaultValue=e.defaultValue)}}function E(t,n){var r=oe(n.createElement(t)).appendTo(n.body),i=e.getDefaultComputedStyle?e.getDefaultComputedStyle(r[0]).display:oe.css(r[0],"display");return r.detach(),i}function N(e){var t=me,n=et[e];return n||(n=E(e,t),"none"!==n&&n||(Ze=(Ze||oe("