17 open-source шрифтов, которые нисколько не хуже платных

Таблица символов

Для просмотра различных таблиц символов, содержащихся в этом шрифте, пожалуйста, используйте раскрывающееся меню.

Базовая латиница (95)Латиница-1 дополнительная (95)Расширенная латиница-A (128)Расширенная латиница-B (17)Символы изменения пробела (11)Диакритические знаки (6)Греческое письмо (75)Кириллица (255)Дополнение к кириллице (20)Дополнительное расширение латиницы (100)Расширение греческого письма (1)Знаки пунктуации (22)Верхние и нижние индексы (8)Денежные символы (5)Буквоподобные символы (7)Числовые формы (4)Математические операторы (12)Геометрические фигуры (1)Декоративные варианты букв (5)Специальные символы (2)Страницы

Производные

Open Sans имеет пять начертаний (300 Light, 400 Normal, Semi-Bold 600, Bold 700 и Extra Bold 800), каждый из которых имеет курсивный шрифт, всего десять вариантов. Он имеет ряд стилистические альтернативы, например, заглавная заглавная буква «I» (для ситуаций, когда ее можно спутать с цифрой «1» или строчной буквой «l») и возможность выбора между одно- и двухэтажной буквой «g». Числа могут быть установлены как табличный или пропорциональный подкладочные фигуры или как пропорциональные текстовые рисунки.

Открытые засечки

Matteson разработан как компаньон плита с засечками шрифт семейства Open Serif. Это семейство не с открытым исходным кодом продается компанией Стив Мэттесон.

Шрифты, похожие на «Open Sans Extrabold»

a_Futurica ExtraBold

• Семейство: a_Futurica
• Начертание: Extra Bold
• Насыщенность: 800
• Версия: Ver.001.002 (19.06.97)

FuturisExtra Bold Cyrillic

• Семейство: FuturisExtra
• Начертание: Extra Bold
• Насыщенность: 800
• Версия: 001.000

Alegreya Sans SC ExtraBold

• Семейство: Alegreya Sans SC Family
• Начертание: Extra Bold
• Насыщенность: 800
• Версия: Version 2.000; ttfautohint (v1.6)

a_BighausTitulRg ExtraBold

• Семейство: a_BighausTitulRg
• Начертание: Extra Bold
• Насыщенность: 800
• Версия: 01.01

Cyrvetica Extra Bold

• Семейство: Cyrvetica Extra
• Начертание: Extra Bold
• Насыщенность: 800
• Версия: 1.0 Tue Oct 19 11:30:50 1993

Open Sans, the only font you’ll ever need

Open Sans is a clean and modern sans-serif typeface designed by Steve Matteson and commissioned by Google. It is especially designed for legibility across print, web, and mobile interfaces.

Open Sans is excellent for any type of use. It’s incredibly readable in small sizes and also works great when printed in huge letters. The best thing of all, it’s a free font! You are free to use and download it for your next design project.

It’s a well known and modern font that is being used more and more on new websites. Because of it’s simplicity it really makes your content easily readable. The same thing goes for offline content. When printed it will make your documents amazing.

Have a read through our articles and learn more about this great font.

Thousands of Text Fonts

Text fonts are a crucial part of your branding design, but ironically, this aspect of branding is usually overlooked. You can create excellent illustrations, images, and other graphic content but if the font on your site or in your branded assets is less than rocking, it could easily turn a reader away.

When designing your brand identity, you must use a consistent set of fonts, each with a specific purpose. Make sure the fonts are legible. They are needed for headings, titles, subtitles, and body text in any collateral or online materials. Consider the weight and size of each font, along with the style.

Make sure that the different choices you select are harmonious with one another. Choose a style that is different from your competitors and translates the personality of your brand. And, most importantly, the font you select should always be easy on the eyes. Nobody likes working with copy that requires squinting to read.

Get started with FontSpace today and find fonts that are sure to match the look you’re going for!

Как установить шрифт Open Sans Extrabold на сайт

Для установки шрифта «Open Sans Extrabold» на сайт необходимо скопировать все файлы шрифта в папку, например, «fonts/open-sans-extrabold». В файле стилей подключить шрифт, используя конструкцию CSS:

Скопировать в буфер обмена

@font-face {
	font-family: "Open Sans Extrabold";
	src: url("../fonts/open-sans-extrabold/open-sans-extrabold.eot"); /* IE9 Compat Modes */
	src: url("../fonts/open-sans-extrabold/open-sans-extrabold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("../fonts/open-sans-extrabold/open-sans-extrabold.otf") format("opentype"), /* Open Type Font */
		url("../fonts/open-sans-extrabold/open-sans-extrabold.svg") format("svg"), /* Legacy iOS */
		url("../fonts/open-sans-extrabold/open-sans-extrabold.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/open-sans-extrabold/open-sans-extrabold.woff") format("woff"), /* Modern Browsers */
		url("../fonts/open-sans-extrabold/open-sans-extrabold.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
}

Установить шрифт «Open Sans Extrabold» для требуемого текста, поля, кнопки или другого элемента на сайте:

font-family: "Open Sans Extrabold";

Пример применения шрифта «Open Sans Extrabold»:

body {
	font-family: "Open Sans Extrabold";
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.2;
	color: #000;
	background-color: #fff;
}

FontSpace Fonts

FontSpace is your home for designer-centered, legitimate, and clearly licensed free fonts. You can use our font generator to create fonts that are easy to copy and paste into your website, social media profiles, and more.

All you have to do is type some text into the input box. You can change the font size of the previews via the slider next to the input box. You also have the option to change the foreground color.

Above, you’ll see 15 of our handpicked free downloadable fonts for every month. But you can access 1000s of more fonts—from cursive fonts to cool fonts and other trendy styles. 

FontSpace lets you generate different font styles using a large range of Unicode characters.

Change the default Word font to Open Sans

The default font in use by Microsoft Word isn’t necessarily the font that you’re going to need to use. This can be especially true if your work or school has very specific rules with regards to the way printed and digital documents are supposed to look. Rather than manually changing the default font for every new document you create, consider changing the font within Microsoft Word’s program settings to Open Sans. This will automatically create each new document with your font specifications, which can in turn save you a lot of time in the long run.

To change your default Word font follow the next steps:

Step 1
Open Microsoft Word using a method that matches your preferences. You can choose to create a new blank document if you’d like, or you can open an existing document on your computer. You can also open the program from within the computer’s “Start” menu. How you open the program doesn’t matter so long as the program is opened in some way.

Step 2
Click the small, downward pointing arrow in the corner of the “Font” section at the top of the screen. This will remove the “Font” section from the ribbon toolbar and expand it into a larger window with more options on your monitor.

Веб-шрифты

Вышеприведенный способ использования шрифтов имеет огромный минус – вы ограничены в количестве шрифтов. Вам придется довольствоваться лишь теми их вариантами, которые, вероятнее всего, установлены на большинстве компьютеров.

Каким же образом можно увеличить выбор шрифтов, чтобы сделать дизайн страницы индивидуальным, добавить оригинальности? На помощь приходят веб-шрифты. Читайте главу дальше и вы узнаете, как с ними работать.

Итак, для отображения нужного шрифта в браузере пользователя нам необходимо, чтобы этот шрифт сам загружался на его компьютер. Осуществить это довольно просто. Такой метод подключения шрифтов к CSS открывает действительно широкие возможности перед дизайнерами. Но стоит упомянуть и о ложке дёгтя в бочке мёда: во-первых, не каждый браузер поддерживает определенный формат шрифта (что приведет к тому, что шрифт не отобразится), а во-вторых, если файл со шрифтом имеет большой вес, это может замедлить загрузку страницы.

Поддержка форматов

Как бороться с проблемой несоответствия формата файла? Давайте взглянем на таблицу, где показаны наиболее популярные форматы шрифтов и узнаем, какие браузеры их поддерживают:

Если вы ориентируетесь на современные браузеры, вам достаточно будет использовать формат шрифта TTF – наиболее распространенный и используемый. В случае, когда вам необходимо иметь несколько форматов одного шрифта, вы можете воспользоваться специальными онлайн-конвертерами из одного формата в другой, а затем подключить все файлы по очереди. Таким образом браузер сможет выбрать тот формат шрифта, с которым он работает.

Подключаем веб-шрифт с помощью @font-face

Предположим, у вас есть свой уникальный шрифт под названием в формате TTF и вы желаете, чтобы основной текст веб-страницы отображался именно этим шрифтом. Первое, что нужно сделать, это скопировать файл шрифта в папку, где находятся все остальные файлы сайта. Чтобы не создавать беспорядок, вы можете создать отдельную папку специально для шрифтов, назвав ее, к примеру, .

Далее нам необходимо дать команду браузеру загрузить шрифт . Записывается это с помощью директивы следующим образом:

@font-face {
	font-family: MyUniqueFont;
	src: url('fonts/MyUniqueFont.ttf');
}

Свойство в данном случае играет другую роль: с помощью него мы присваиваем имя шрифту, чтобы потом использовать это имя при написании стиля:

p {
	font-family: MyUniqueFont;
}

Во второй строке указывается путь к файлу шрифта. В нашем примере файл находится в папке . У вас URL-адрес может отличаться.

Using Fonts To Add Fun And Style To Your Documents

If you’re bored with Arial, Times Roman and Comic Sans Serif, try some new fonts. Fun fonts can give your text documents a distinctive look. The internet abounds with sites that offer free font downloads that you can use for printed documents. Typically, the fonts are available as zipped files that need to be unzipped and installed in your fonts folder. Most sites have easy to follow instructions on how to proceed. Once installed the font’s name should appear in your word processing program along with all the usual font options.

Most of us think of fonts as little more than functional features in our word processors. A browse through some of the fonts available for downloading shows how wrong that assumption is. Font designers are true artists, and their artworks show just what imaginative graphic design can do to spice up a dull document. It might not be appropriate to use a fancy font for some kinds of printed text, but the applications for special fonts are wide-ranging.

Fonts are available for matching to a wide variety of themes and contents, to allow you to express your personal style or to appeal to the tastes of a specific recipient. You could download fonts for special occasions (Halloween, Christmas and Valentine’s Day, amongst others.) There are fonts that children will enjoy, elegant fonts, modern fonts, calligraphy fonts and fonts with the flavour of foreign lands. You can choose from funky, crazy fonts, humorous styles and fonts used for brands and in movie titles. For the creative, fonts are a source of endless pleasure.