Open sans condensed css

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

The Open Sans Condensed font set for connect-fonts

License

shane-tomlinson/connect-fonts-opensanscondensed

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Open Sans Condensed fontpack for connect-fonts.

const font_middleware = require("connect-fonts");

const font_pack = require("connect-fonts-opensanscondensed");

app.use(font_middleware.setup( fonts: [ font_pack ], allow_origin: "https://exampledomain.com" >));

link href pl-s">/opensans-condbold/fonts.css" type pl-s">text/css" rel pl-s">stylesheet"/ >

Multiple fonts from the family can be included by using a comma separated list of fonts:

link href pl-s">/opensans-condbold,opensans-condlight,opensans-condlightitalic/fonts.css" type pl-s">text/css" rel pl-s">stylesheet"/ >

Locale-optimised font sets can be served by specifying the locale in the fonts.css URL.

link href pl-s">/latin/opensans-condbold/fonts.css" type pl-s">text/css" rel pl-s">stylesheet"/ >

• latin
• en

1. Set your CSS up to use the new font by using the «Open Sans Condensed» font-family.

• Copyright: Digitized data copyright © 2010-2011, Google Corporation.
• Trademark: Open Sans is a trademark of Google and may be registered in certain jurisdictions.
• Designer URL: http://www.ascendercorp.com/typedesigners.html
• Vendor: Ascender Corporation
• Vendor URL: http://www.ascendercorp.com/

• Shane Tomlinson
• shane@shanetomlinson.com
• stomlinson@mozilla.com
• set117@yahoo.com
• https://shanetomlinson.com
• https://github.com/shane-tomlinson
• https://github.com/stomlinson
• @shane_tomlinson

Software: Licenced under version 2.0 of the MPL

Fonts: Licensed under version 2.0 of the Apache

About

The Open Sans Condensed font set for connect-fonts

Источник

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

npm package of Open Sans Condensed (incl. CSS/LESS/SCSS)

License

dasrick/npm-font-open-sans-condensed

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

npm package of Open Sans Condensed

Open Sans Condensed is a humanist sans serif typeface designed by Steve Matteson.

$ npm i -S npm-font-open-sans-condensed

This a sample for usage in a LESS file:

# par of your LESS file @import '../../../node_modules/npm-font-open-sans-condensed/open-sans-condensed'; @FontPathOpenSansCondensed: "../fonts/open-sans-condensed"; 

First import the LESS file of the font and after this overwrite the default path. That’s it .

You can do the same with SCSS/SASS too .

# part of your SCSS file $FontPathOpenSansCondensed: "../fonts/open-sans-condensed"; @import '../../../node_modules/npm-font-open-sans-condensed/open-sans-condensed'; 

• Copyright: Digitized data copyright © 2010-2011, Google Corporation.
• Trademark: Open Sans is a trademark of Google and may be registered in certain jurisdictions.
• Designer URL: http://www.ascendercorp.com/typedesigners.html
• Vendor: Ascender Corporation
• Vendor URL: http://www.ascendercorp.com/

Источник

This package has been deprecated

Package relocated. Please install and migrate to @fontsource/open-sans-condensed.

fontsource-open-sans-condensed

Fontsource Open Sans Condensed

The CSS and web font files to easily self-host the “Open Sans Condensed” font. Please visit the main Fontsource monorepo to view more details on this package.

Installation

Fontsource assumes you are using a bundler, such as Webpack, to load in CSS. Solutions like CRA, Gatsby and Next.js are prebuilt examples that are compatible.

yarn add @fontsource/open-sans-condensed // npm install @fontsource/open-sans-condensed

Then within your app entry file or site component, import it in. For example in Gatsby, you could choose to import it into a layout template ( layout.js ), page component ( index.js ), or gatsby-browser.js .

import "@fontsource/open-sans-condensed" // Defaults to weight 400.

Fontsource allows you to select weights and even individual styles, allowing you to cut down on payload sizes to the last byte! Utilizing the CSS unicode-range selector, all language subsets are accounted for.

import "@fontsource/open-sans-condensed/500.css" // Weight 500. import "@fontsource/open-sans-condensed/900-italic.css" // Italic variant.

Alternatively, the same solutions could be imported via SCSS!

@import "~@fontsource/open-sans-condensed/index.css"; // Weight 400. @import "~@fontsource/open-sans-condensed/300-italic.css";

These examples may not reflect actual compatibility. Please refer below.

Finally, you can reference the font name in a CSS stylesheet, CSS Module, or CSS-in-JS.

body < font-family: "Open Sans Condensed"; >

Additional Options

In the rare case you need to individually select a language subset and not utilize the CSS unicode-range selector, you may specify the import as follows. This is especially not recommended for languages, such as Japanese, with a large amount of characters.

import "@fontsource/open-sans-condensed/latin-ext.css" // All weights with normal style included. import "@fontsource/open-sans-condensed/cyrillic-ext-500.css" // Weight 500 with normal style. import "@fontsource/open-sans-condensed/greek-900-normal.css" // Italic variant.

Licensing

It is important to always read the license for every font that you use. Most of the fonts in the collection use the SIL Open Font License, v1.1. Some fonts use the Apache 2 license. The Ubuntu fonts use the Ubuntu Font License v1.0.

Other Notes

Font version (provided by source): v15 .

Feel free to star and contribute new ideas to this repository that aim to improve the performance of font loading, as well as expanding the existing library we already have. Any suggestions or ideas can be voiced via an issue.

Keywords

Источник

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Optimized Google Open Sans (Condensed) web font.

License

Fleshgrinder/google-open-sans

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Git repository for Google’s Open Sans (Condensed) font. Note that there are many other Bower packages available which provide Google’s Open Sans font, but none of these includes the condensed version nor do they provide optimized SVG files.

bower install google-open-sans

Via the usual CSS @font-face syntax:

@font-face < font-family: open-sans; src: url("/open-sans/regular.eot"); src: url("/open-sans/regular.eot?#iefix") format("embedded-opentype"), url("/open-sans/regular.woff") format("woff"), url("/open-sans/regular.ttf") format("truetype"), url("/open-sans/regular.svg##open-sans") format("svg"); font-weight: normal; /* 400 */ font-style: normal; >

Or maybe you prefer an SCSS mixin:

@mixin font-face($family, $file-name, $weight: normal, $style: normal) < @font-face < font-family: $family; src: url("/#$family>/#$file-name>.eot"); src: url("/#$family>/#$file-name>.eot?#iefix") format("embedded-opentype"), url("/#$family>/#$file-name>.woff") format("woff"), url("/#$family>/#$file-name>.ttf") format("truetype"), url("/#$family>/#$file-name>.svg##$family>") format("svg"); font-weight: $weight; font-style: $style; > > // Open Sans @include font-face(open-sans, light, 200) @include font-face(open-sans, light-italic, 200, italic) @include font-face(open-sans, regular) // 400 @include font-face(open-sans, regular, normal, italic) // 400 @include font-face(open-sans, semibold, 600) @include font-face(open-sans, semibold-italic, 600, italic) @include font-face(open-sans, bold, bold) // 700 @include font-face(open-sans, bold-italic, bold, italic) // 700 @include font-face(open-sans, extrabold, 800) @include font-face(open-sans, extrabold-italic, 800, italic) // Open Sans Condensed @include font-face(open-sans-condensed, light, 200) @include font-face(open-sans-condensed, light-italic, 200, italic) @include font-face(open-sans-condensed, bold, bold) // 700

Pre-compressing the fonts is useful if you are using a web server that delivers those files directly to the client instead of compressing them over and over again. For instance nginx is capable of doing so with the ngx_http_gzip_static_module . To pre-compress the included fonts do the following:

npm install gulp --global npm update gulp

Afterwards you will find pre-compressed files within the fonts directory.

Источник