commit 204528dc331f0e7587f232188f973f11a7507b16 Author: Christian Pierre MOMON Date: Sat Apr 11 02:35:42 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/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/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/fonts/FontAwesome.otf b/fonts/FontAwesome.otf new file mode 100644 index 0000000..3461e3f 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 100755 index 0000000..6cfd566 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..a9f8469 --- /dev/null +++ b/fonts/fontawesome-webfont.svg @@ -0,0 +1,504 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf new file mode 100755 index 0000000..5cd6cff 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 100755 index 0000000..9eaecb3 Binary files /dev/null and b/fonts/fontawesome-webfont.woff 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/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/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/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/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/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..8170340 Binary files /dev/null and b/images/html5-badge-h-css3-graphics-semantics.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/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/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/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/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..6d7e8f1 --- /dev/null +++ b/index.html @@ -0,0 +1,876 @@ + + + + + + + + + + + + Priorité au Logiciel Libre! + + + + + + + + + + + + +
+
+

Donnons la priorité au Logiciel Libre!

+ April prism backdoor? +
+

Richard Stallman soutient l'April

+ +
+ L'utilisation de logiciels libres [...] est la première étape dans la + prise de contrôle de nos vies numériques – qui inclut la prévention de la + surveillance. +
+ +
+

+ + Adhérez maintenant + + +

+
+
+

Qu'est ce que l'April?

+
    +
  • +
    +
    Bientôt 18 ans de sensibilisation
    + Fliers sur les différents dangers +

    + Logiciel Libre +
    + Société Libre +

    +

    Le Logiciel Libre est l'incarnation informatique de notre devise + républicaine:

    +

     Liberté, Égalité, Fraternité

    +

    L'April promeut et défend le logiciel libre depuis 1996.

    +
    +
    +
    Une association vivante et active
    + Chaque année, notre assemble générale réunit nombre de volontaires +

    + 3 700 membres, +
    + trois permanents, +
    + onze administrateurs +

    +

    L'action de l'April est possible grâce à ses membres, son équipe de + permanents, ses soutiens et sympathisants qui nous permettent d'avoir + une association vivante et active pour la promotion et la défense du + logiciel libre.

    +
    +
    +
    DRM, ACTA, brevets logiciels…
    + Manifestation anti ACTA avec la banderolle April +

    Un rempart face aux dangers pour les libertés fondamentales

    +

    L'April est toujours vigilante et active face à toute atteinte au + logiciel libre et aux libertés numériques (DADVSI, DRM, Hadopi, brevets + logiciels, ACTA, Prism…).

    +
    +
    • +
  • +
    +
    Outils de sensibilisation
    + La peluche GNU fabriquée par certains bénévoles +

    + Logiciel Libre +
    + Société Libre +

    +

    Le Logiciel Libre est l'incarnation informatique de notre devise + républicaine:

    + +

     Liberté, Égalité, Fraternité

    + +

    L'April promeut et défend le logiciel libre depuis 1996.

    +
    +
    +
    Des t-shirts de folie
    + Quelques uns de nos t-shirts +

    + 3 700 membres, +
    + trois permanents, +
    + onze administrateurs +

    +

    L'April est célèbre pour sa gamme de t-shirts qui permet d'avoir la + classe internationale que même Georges Abitbol n'a jamais pu avoir.

    +
    +
    +
    DRM: menottes numériques
    + Le chevalet présentant physiquement ce que donne un texte sous DRM +

    Un rempart face aux dangers pour les libertés fondamentales

    +

    L'April est toujours vigilante et active face à toute atteinte au + logiciel libre et aux libertés numériques (DADVSI, DRM, Hadopi, brevets + logiciels, ACTA, Prism…).

    +
    +
    • +
  • +
    +
    Catalogue Libre
    + Une pile de catalogues +

    26 logiciels libres à découvrir

    + +

    L'April publie depuis le 2 décembre 2010 ce catalogue de logiciels + libres.

    + +

    L'objectif est de présenter des logiciels libres correspondant à des + usages quotidiens de l'ordinateur. + Le contenu du catalogue est complété par une série d'encadrés, + détaillant des enjeux liés aux logiciels libres.

    +
    +
    +
    April Camps
    + Certaines de nos rencontres April +

    BarCamps Apriliens

    + +

    Les April Camps sont des réunions de travail informelles des adhérents et sympathisants + de l'April sur le modèle des BarCamps.

    + +

    Durant deux jours chacun est invité à participer en fonction de son + temps disponible, de ses compétences et de ses envies.

    +
    +
    +
    Monsieur Lionel
    + Monsieur Lionel et son baton +

    Un rempart face aux dangers pour les libertés fondamentales

    + +

    L'April est toujours vigilante et active face à toute atteinte au + logiciel libre et aux libertés numériques (DADVSI, DRM, Hadopi, brevets + logiciels, ACTA, Prism…).

    +
    +
    • +
+
+
+

Pourquoi adhérer à l'April?

+
+ + + Pour augmenter notre capacité d'action + +

Cette nouvelle année verra l'April poursuivre notamment son travail de + sensibilisation auprès des responsables politiques. En 2013, nos + actions ont favorisé l'adoption, pour la première fois, d'une + disposition législative donnant la priorité au logiciel libre.

+ +

Notre rapport d'activité pour 2013 est disponible en ligne.

+
+
+ + + Pour que ma voix soit entendue + +

Nous avons besoin d'être des milliers afin de mieux défendre notre + droit à l’utilisation de logiciels libres et nous faire + entendre.

+ +

En 2014, nous profiterons des élections municipales et européennes + pour sensibiliser les candidats sur ce sujet, les rencontrer et + leur proposer de signer le Pacte du Logiciel Libre (pour les municipales) et le Free Software Pact (pour les européennes).

+
+
+
+ + + Pour financer nos actions, campagnes + +

Nous continuerons également nos actions de sensibilisation auprès du grand + public avec notamment la réédition du Guide Libre Association, celle du + Catalogue Libre et une nouvelle édition de Libre en Fête.

+ +

L'April s'appuie, en plus de ses membres actifs, sur une équipe de + permanents. Rejoindre l'April n'engage pas à être actif dans + l'association mais représente un soutien aux valeurs que nous + défendons et permet de financer nos actions (les cotisations sont + notre principale source de financement).

+
+
+ + + Pour faire apparaître un monde numérique où il fait bon vivre + +

Depuis 1996, nous avons participé activement à la prise de conscience du public que la liberté informatique est un enjeu de société. Si, vous aussi vous vous sentez concernés par le logiciel libre, rejoignez nous à l'April.

+
+
+ +
+ Photo de Tristant Nitot + Tristan Nitot, + Mozilla +
+ + En cette période de perte de confiance dans le numérique, suite aux + révélations d'Edward Snowden sur la NSA et ses liens avec les géants du + numérique, le logiciel libre, transparent et auditable, apparaît comme étant + un des piliers permettant de disposer d'un monde numérique au service des + individus plutôt qu'au service des multinationales et des états. +
+

Les dépenses de l'April en 2013

+
+ Diagramme présentant les dépenses de l'April en 2013 +
+
+

Adhérez maintenant

+
+ + + +
+ Informations nécessaires +
+ + + + + + +
+
+
+
+ + + + +
+
+ + +
+
+ + + +
+

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

+
+
+ Informations facultatives +
+ + +
+
+ + + + +
+
+ + +
+
+ + +
+

+ Les champs suivants sont facultatifs. Néanmoins le «N° de tél» facilite + les contacts et le champ «profession» est utile pour connaître la + diversité des adhérents et donc du logiciel libre. +

+
+

+ Par défaut, vous allez uniquement recevoir les informations importantes + (lettres internes bi-mensuelles, communiqués, etc.). Si vous le + souhaitez, par la suite, vous pourrez vous abonner à la liste de + discussion principale. +

+
Je déclare souhaiter devenir membre de l'association April.
+
+ + +
+

+ + Pour les adhésions de personnes morales + + +

+
+
+
+

Ce roman photo est tiré d'une histoire vraie…

+
+
+ Le petit Chaperon rouge 1 +
+ (cliquez pour passer aux photos suivantes) +
+ Le petit Chaperon rouge 2 + Le petit Chaperon rouge 3 + Le petit Chaperon rouge 4 + Le petit Chaperon rouge 5 + Le petit Chaperon rouge 6 + Le petit Chaperon rouge 7 + Le petit Chaperon rouge 8 + Le petit Chaperon rouge 9 + Le petit Chaperon rouge 10 + Le petit Chaperon rouge 11 + Le petit Chaperon rouge 12 + Le petit Chaperon rouge 13 + Le petit Chaperon rouge 14 + Le petit Chaperon rouge 15 +
+

Crédits du roman photo

+ +

Sous licences:

+ +
    +
  • Art libre 1.3 ou ultérieure,
    • +
  • Creative Commons By Sa 2.0 ou ultérieure
    • +
  • GNU Free Documentation License 1.3 ou ultérieure.
    • +
+ +

Modèles:

+ +
    +
  • Drap-Housse
    • +
  • Bookynette
    • +
  • Echarp
    • +
  • Liot
    • +
  • Luk
    • +
+ +

Photos: Anthony

+ +

Montage: Luk

+ +

Emprunts: machine à laver + Miele par + Sanekmoskow CC by sa 3.0 et + flammes + par Luc Viatour CC by sa 3.0

+ +

Police: Suplexmentary + Comic, copyright + Grandchaos9000 (usage gratuit y + compris commercial)

+ +

Réalisé avec les logiciels Gimp, + G'mic et + Inkscape

+
+
+

+ + Adhérez maintenant + + +

+
+
+

Partage

+

Réseaux sociaux

+

Aide-nous à buzzer, loler, diffuser notre campagne d'adhésion!

+

Repeins ton mur sur les réseaux sociaux, gazouille à tous tes amis!

+
    +
  • + Notre réseau social préféré: + + le courriel! + +
    • +
  • + + Identi.ca + +
    • +
  • + + Tweeter + + (veuillez considérer l'usage d'un client libre, comme pidgin ou gwibber) +
    • +
  • + Un exemple de message possible (mais n'hésitez pas à laisser parler votre + créativité): +
    • +
+
+
+ April + @aprilorg +
+ Je donne la priorité au logiciel libre, je soutiens l'April + http://www.april.org/campagne + Et vous? + #prioriteLL #JeSoutiensApril +
+

 #JeSoutiensApril #prioritéLL

+
+

Quelques bannières

+

Il y en a 4, chacune d'une taille différente.

+
+
+ Bannière de 580x76 pixels +
+ 
<a href="http://april.org/campagne">
<img width="582" height="72"
src="http://april.org/campagne/images/priorite-logiciel-libre-je-soutiens-april_2.png"
alt="Priorité au Logiciel Libre! Je soutiens l'April." />
</a>
+
+
+
+ Bannière de 374x48 pixels +
+ 
<a href="http://april.org/campagne">
<img width="374" height="48"
src="http://april.org/campagne/images/priorite-logiciel-libre-je-soutiens-april_2_m.png"
alt="Priorité au Logiciel Libre! Je soutiens l'April." />
</a>
+
+
+
+ Bannière de 100x100 pixels +
+ 
<a href="http://april.org/campagne">
<img width="100" height="100"
src="http://april.org/campagne/images/priorite-logiciel-libre-je-soutiens-april_2_c.png"
alt="Priorité au Logiciel Libre! Je soutiens l'April." />
</a>
+
+
+
+ Bannière de 240x200 pixels +
+ 
<a href="http://april.org/campagne">
<img width="240" height="200"
src="http://april.org/campagne/images/priorite-logiciel-libre-je-soutiens-april_2_p.png"
alt="Priorité au Logiciel Libre! Je soutiens l'April." />
</a>
+
+
+
+
+
+

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 3 600 membres utilisateurs et + producteurs de logiciels libres.

+ +

Vous pouvez consulter les statuts + et le règlement intérieur de + l'association.

+ +

Qui est Richard Stallman?

+ +

Richard Stallman est un infatigable promoteur et défenseur des libertés à l'ère + du numérique. Il est l'auteur de nombreux logiciels libres, à l'origine du + projet GNU en 1983 et de la Fondation pour le Logiciel + Libre (Free Software Foundation) en 1985.

+ +

Pour en savoir plus, vous pouvez consulter son site (en + anglais) et le livre «Richard Stallman et la révolution du logiciel libre» + une biographie autorisée.

+ +

Je ne souhaite pas adhérer mais uniquement faire un don

+ +

Vous pouvez faire un don ponctuel par + carte bancaire.

+ +

Je ne peux pas cotiser ou faire un don mais je souhaite aider

+ +

N'hésitez pas à nous contacter, par courriel, sur + notre salon irc (accessible par un + webchat) ou nous appeler au 01 78 76 92 80.

+ +

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 + SSL (Secure Socket Layer). 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.

+ +

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

+ +

La somme versée dans le cadre d'une adhésion n'ouvre pas droit à la + défiscalisation.

+ +

Mes coordonnées seront-elles conservées?

+ +

Oui, au sein de notre fichier d'adhérents. Mais finalement seul votre courriel + est vraiment indispensable, car il nous permet de rester en contact avec vous.

+ +

Et, conformément à la loi n° 78-17 du 6 janvier 1978 relative à l'informatique, + aux fichiers et aux libertés, l'adhérent dispose d'un droit d'accès et de + rectification des données le concernant auprès du secrétaire de + l'association.

+ +

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.

+ +

Web Accessibility Evaluation Tool + HTML5 Powered with CSS3 / Styling, Graphics, 3D &amp; Effects, and Semantics

+ +

Crédits

+ +

L'image Prism a été réalisée par Antoine Bardelli et est diffusée sous les + termes d’au moins une des licences suivantes:

+ + + +

Les photos de la partie "Qu'est-ce que l'April" sont également diffusées sous + ces trois licences. Les photos sont issues de l'album photo de + l'April.

+ +

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

+ +

Backdoor?

+ +

Dans un logiciel, une porte dérobée (de l'anglais backdoor, littéralement porte + de derrière) est une fonctionnalité inconnue de l'utilisateur légitime, qui + donne un accès secret au logiciel.

+ +

L'introduction d'une porte dérobée dans un logiciel à l'insu de son utilisateur + transforme le logiciel en cheval de Troie.

+ +

Voir l'article wikipédia.

+ +

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.

+
+
+ + diff --git a/javascripts/all.js b/javascripts/all.js new file mode 100644 index 0000000..6b3c993 --- /dev/null +++ b/javascripts/all.js @@ -0,0 +1,99 @@ +/* + @licstart The following is the entire license notice for the JavaScript code in this page. + + simple carousel, easily add a carousel on your web pages + + 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,n,r;n=document.documentElement.style,e=void 0!==n.webkitTransition||void 0!==n.MozTransition||void 0!==n.OTransition||void 0!==n.MsTransition||void 0!==n.transition,jQuery(function(){return $(".simpleCarousel").each(function(){var e,n;return(e=$(this)).data("slideIndex",0).data("delay",null!=(n=e.data("delay"))?n:5e3).append(e.children().first().clone()).wrap('
').parent().before($('<').click(function(){return t(e,-1)})).after($('>').click(function(){return t(e,1)})).children().click(function(n){return 0===$(n.target).closest("a, pre, code").size()?t(e,1):void 0}),e.contents().filter(function(){return 3===this.nodeType}).remove(),r(e)})}),r=function(e){return e.data("delay")>0?e.data("timeOut",setTimeout(function(){return t(e)},e.data("delay"))):void 0},t=function(n,i){var o,a;if(null==i&&(i=0),0===i){if(n.parent().is(":hover")||n.parent().prev().is(":hover")||n.parent().next().is(":hover"))return void r(n);i=1}else clearTimeout(n.data("timeOut"));return n.data("slideIndex",n.data("slideIndex")+i),0<=(a=n.data("slideIndex"))&&a0?n.data("slideIndex",0):n.data("slideIndex",n.children().size()-1),n.removeClass("animate").css("margin-left",""+-100*n.data("slideIndex")+"%",function(){}),n.css("marginLeft"),t(n,i))}}).call(this),/* + @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=ot.type(e);return"function"===n||ot.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(ot.isFunction(t))return ot.grep(e,function(e,r){return!!t.call(e,r,e)!==n});if(t.nodeType)return ot.grep(e,function(e){return e===t!==n});if("string"==typeof t){if(pt.test(t))return ot.filter(t,e,n);t=ot.filter(t,e)}return ot.grep(e,function(e){return ot.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=wt[e]={};return ot.each(e.match(xt)||[],function(e,n){t[n]=!0}),t}function a(){mt.addEventListener?(mt.removeEventListener("DOMContentLoaded",s,!1),e.removeEventListener("load",s,!1)):(mt.detachEvent("onreadystatechange",s),e.detachEvent("onload",s))}function s(){(mt.addEventListener||"load"===event.type||"complete"===mt.readyState)&&(a(),ot.ready())}function l(e,t,n){if(void 0===n&&1===e.nodeType){var r="data-"+t.replace(kt,"-$1").toLowerCase();if(n=e.getAttribute(r),"string"==typeof n){try{n="true"===n?!0:"false"===n?!1:"null"===n?null:+n+""===n?+n:Nt.test(n)?ot.parseJSON(n):n}catch(i){}ot.data(e,t,n)}else n=void 0}return n}function u(e){var t;for(t in e)if(("data"!==t||!ot.isEmptyObject(e[t]))&&"toJSON"!==t)return!1;return!0}function c(e,t,n,r){if(ot.acceptData(e)){var i,o,a=ot.expando,s=e.nodeType,l=s?ot.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()||ot.guid++:a),l[u]||(l[u]=s?{}:{toJSON:ot.noop}),("object"==typeof t||"function"==typeof t)&&(r?l[u]=ot.extend(l[u],t):l[u].data=ot.extend(l[u].data,t)),o=l[u],r||(o.data||(o.data={}),o=o.data),void 0!==n&&(o[ot.camelCase(t)]=n),"string"==typeof t?(i=o[t],null==i&&(i=o[ot.camelCase(t)])):i=o,i}}function d(e,t,n){if(ot.acceptData(e)){var r,i,o=e.nodeType,a=o?ot.cache:e,s=o?e[ot.expando]:ot.expando;if(a[s]){if(t&&(r=n?a[s]:a[s].data)){ot.isArray(t)?t=t.concat(ot.map(t,ot.camelCase)):t in r?t=[t]:(t=ot.camelCase(t),t=t in r?[t]:t.split(" ")),i=t.length;for(;i--;)delete r[t[i]];if(n?!u(r):!ot.isEmptyObject(r))return}(n||(delete a[s].data,u(a[s])))&&(o?ot.cleanData([e],!0):rt.deleteExpando||a!=a.window?delete a[s]:a[s]=null)}}}function f(){return!0}function p(){return!1}function h(){try{return mt.activeElement}catch(e){}}function m(e){var t=Ft.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!==Et?e.getElementsByTagName(t||"*"):typeof e.querySelectorAll!==Et?e.querySelectorAll(t||"*"):void 0;if(!o)for(o=[],n=e.childNodes||e;null!=(r=n[i]);i++)!t||ot.nodeName(r,t)?o.push(r):ot.merge(o,g(r,t));return void 0===t||t&&ot.nodeName(e,t)?ot.merge([e],o):o}function v(e){Lt.test(e.type)&&(e.defaultChecked=e.checked)}function y(e,t){return ot.nodeName(e,"table")&&ot.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!==ot.find.attr(e,"type"))+"/"+e.type,e}function x(e){var t=Qt.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++)ot._data(n,"globalEval",!t||ot._data(t[r],"globalEval"))}function T(e,t){if(1===t.nodeType&&ot.hasData(e)){var n,r,i,o=ot._data(e),a=ot._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++)ot.event.add(t,n,s[n][r])}a.data&&(a.data=ot.extend({},a.data))}}function C(e,t){var n,r,i;if(1===t.nodeType){if(n=t.nodeName.toLowerCase(),!rt.noCloneEvent&&t[ot.expando]){i=ot._data(t);for(r in i.events)ot.removeEvent(t,r,i.handle);t.removeAttribute(ot.expando)}"script"===n&&t.text!==e.text?(b(t).text=e.text,x(t)):"object"===n?(t.parentNode&&(t.outerHTML=e.outerHTML),rt.html5Clone&&e.innerHTML&&!ot.trim(t.innerHTML)&&(t.innerHTML=e.innerHTML)):"input"===n&&Lt.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=ot(n.createElement(t)).appendTo(n.body),i=e.getDefaultComputedStyle?e.getDefaultComputedStyle(r[0]).display:ot.css(r[0],"display");return r.detach(),i}function N(e){var t=mt,n=en[e];return n||(n=E(e,t),"none"!==n&&n||(Zt=(Zt||ot("