Сейчас много людей не имеют потребности знать, что такое ФТП и использовать его. Но иногда он нужен. В частности он нужен владельцам сайтов для роботы со своими файлами на сервере хостинг-провайдера. Я имею ввиду именно тех владельцев сайтов, которые не делали его сами :)  Для того, чтобы не объяснять всякий раз, что это за заклинание и было это написано.

Определение не из словаря

Когда вы ходите по сайтам в браузере (браузеры это программы типа Internet Explorer, Firefox, Opera), вы сами того не зная, работаете по протоколу HTTP.  Он был сделан, чтобы ходить со страницы на страницу просто кликая по ссылками. Это “протокол для потребителей”. Вы все время скачиваете и скачиваете, скачиваете страницы, картинки, песни… FTP - это другой протокол. Его делали для передачи файлов. Он переводится как Протокол Передачи Файлов. С его помощью вы не можете не только скачивать но и отправлять.

Если в этом месте кто-то возразит - “Я же шлю файлы и с HTTP.  Выбираю файл и нажимаю отправить.”  то я тут перебью, что это возможно только в том случае, если кто-то сделал для вас такую формочку на странице и кнопочку “ОТПРАВИТЬ”. И когда вы в браузере отправляете файл, вы не управляете куда именно он попадает и что с ним при этом происходить. Обычно это решает программа на сайте, индивидуально для вас написанная. И еще. Обычно на хостингах установлено ограничение на размер отправляемых таким образом файлов и время их приема. В моей практике чаще всего размер ограничивался 8мб, а время за которое файл должен был успеть загрузиться - 30 сек.

Но я дальше не собирался рассказывать, что программист может обойти часть этих ограничений, а хостинг-провайдер увеличить лимиты. Я собирался сказать, что FTP не имеет ни одной из перечисленных выше проблем.  FTP доступ уже есть для вашего сайта. И ждет что им будут пользоваться. Вам нужны только две вещи:

• иметь нужную программу
• Знать логин и пароль для доступа

FTP клиенты

Программы для работы с фтп называются фтп-клиенты. По идее Браузеры - http-клиенты, но их так редко называют, хотя это технически правильно. Фтп-клиентов много, но чаще всего используют:

• FAR (скачать качать стабильную сборку v2.0 в формате msi)
• TotalCommander (скачать, но программа платная)
• CuteFTP (скачать, но программа платная)

Большинство читателей этого поста будут из числа любителей пользоваться больше мышкой, чем клавиатурой, и привыкших читать черные буквы на белом фоне. Не обижайтесь - из 2 миллиардов пользователей компьютеров в мире вас 90% (по моей статистике

Чтобы вам было комфортно работать с такими предпочтениями - потребуется купить или (…) те две платные программы, так как FAR - это консольная программа, и имеет свои особенности. Но зато бесплатная. В ней можно работать мышкой, но просто не так удобно как клавиатурой. И буквы у нее белые и на синем фоне.

Правила работы

Какой бы вы не установили клиент - правила работы с ним одинаковые.

1.  Нужно создать ФТП соединение. Для этого нужно в меню найти ФТП -> Создать новое соединение. (Искать нужно именно по смыслу, а не дословно. )

2. Указать четыре значения в новом соединении.

• Сервер
  (Обычно можно указать ваш домен в этом поле, если вам не сказали иного. Например адрес на ваш сайт http://www.mythebestsite.com/index.html Вам нужно указывать mythebestsite.com и ТОЛЬКО это! Если не работает - напишите ftp.mythebestsite.com
  А если и это не помогло - спросите у разработчика сайта или хостинг-провайдера, что же там писать)
• Логин (чтобы никто не испортил ваш сайт хранить в секрете)
  
• Пароль (аналогично)
• Пассивное соединение (Обычно нужно включать, ГАРАЗДО реже ФТП-сервер не хочет, чтобы вы работали с пассивным соединением. Если нет других инструкций - включите)
• ВСЕ! сохраняйте

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

Послесловие

Будьте осторожны при работе по ФТП с работающим сайтом. Не повредите файлы-скриптов и другие служебные файлы. Чаще всего фтп вам может понадобится для отправки больших файлов на свой сервер. Для этого вы:

• соединяетесь с сервером по фтп
• открываете нужную папку на сервере
• находите желаемый файл в другой панели
• отправляете его на сервер
  Все

Видеоурок как работать с ФТП в FAR-менеджере

Кликните дважды по видео для просмотра на весь экран или найдите это в меню плеера (Правой кнопкой на видео)

Начало тут и тут. Итак стало ясно что при желании использовать на 100% установленный шрифт никаких симпатичных и не приевшихся заголовков получить не удастся. Неужели остается только картинками. Подумав немного, можно предположить что никто не работает в интернете на голой ОС. Какие-то программы ставятся, как правило MS Office. В таком случае пусть не со 100% вероятностью но со стремящейся к ней должны быть доступны и другие шрифты.

Проанализировав статистику наличия шрифтов с ранее упомянутого сайта было тщательно обнаружено еще 5 шрифтов, которые встречаются у более 80% пользователей с OS Windows. Это Arial Narrow, Century Gothic, Bookman Old Style, Garamond и Monotype Corsiva. Они входят в поставку всех версий Офиса, начиная с 97. Это и обьясняет их широкое распространение. Возможно их могут установить и другие программы. Нужно уточнить что Century Gothic и Monotype Corsiva еще не входят в 97 Офис, но кто им сейчас одним пользуется.

Итак имеем еще два шрифта с засечками, два без них и один кусрив, довольно симпатичный, хоть и поприевшийся, но не Comic Sans MS всетаки

Шрифты OS Windows

Как же быть если нас посетит пользователь MAC OS? Ну во-первых какова вероятнось этого?

Можно посмотреть статистику OS пользователей интернета. Видим, что Маки занимаю 5-7%. Ну даже если для них постараться, то можно найти похожие по начертанию шрифты. В процентах указана распространенность.

Меньше всего похож Futura и Century Gothic. Если есть предложения на какой стоит сменить - пишите. Подбором шрифтов для линуксоидов я заниматься не стал. Исключением стал только Monotype Corsiva. Ему скорее всего подойдет URW Chancery L. Учитывая что их доля в мировом трафике мизерная, вероятнее всего они привыкли смотреть на сайты своими шрифтами

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

font-family: “Arial Narrow”, Arial, sans-serif;

font-family: “Century Gothic”, Futura, sans-serif;

font-family: “Bookman Old Style”, “American Typewriter”, serif;

font-family: Garamond, “Hoefler Text”, Georgia, serif;

font-family: “Monotype Corsiva”, “Apple Chancery”, “URW Chancery L”, cursive;

Сравнение внешнего вида пятерки шрифтов

Arial Narrow OS Windows

Arial Narrow Mac OS

Century Gothic OS Windows

Futura Mac OS

Bookman Old Style OS Windows

American Typewriter Mac OS

Garamond OS Windows

Hoefler Text Mac OS

Monotype Corsiva OS Windows

Apple Chancery Mac OS

Реальный вид пятерки шрифтов

font-family: “Arial Narrow”, Arial, sans-serif;

Заголовок для шрифта Arial Narrow

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

font-family: “Century Gothic”, Futura, sans-serif;

Заголовок для шрифта Century Gothic, Futura

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

font-family: “Bookman Old Style”, “American Typewriter”, serif;

Заголовок для шрифта Bookman Old Style, American Typewriter

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

font-family: Garamond, “Hoefler Text”, Georgia, serif;

Заголовок для шрифта Garamond, Hoefler Text

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

font-family: “Monotype Corsiva”, “Apple Chancery”, “URW Chancery L”, cursive;

Заголовок для шрифта Monotype Corsiva, Apple Chancery

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

]]> http://stuntik.com/2009-05-31/dopolnitelnaya-pyaterka-shriftov/feed/ http://stuntik.com/2009-05-31/dopolnitelnaya-pyaterka-shriftov/ http://feedproxy.google.com/~r/Stuntik/~3/vvH45O7sBt0/ http://stuntik.com/2009-05-30/13-shriftov-dlya-sajtov/#comments Sat, 30 May 2009 18:26:22 +0000 stuntik http://stuntik.com/?p=46 Ниже следуют безопасные для сайтов (web-safe) шрифты, которые наиболее вероятно будут корректно отображаться в броузерах семейства Windows и Mac OS. Все примеры имеют размер 13px, как в результатах поиска Google. Просмотрев этот список будет удобнее определить какое начртание вам больше подходит, и также определить самый легко читаемый шрифт.

Второе название через запятую указывает, как правило, на шрифт в Mac OS с аналогичным начертанием. Затем указывается, как последнее средство, семейство serif (с засечками) или sans-serif (без засечек)…

Если название одно (например Georgia, serif) - значит названия в обеих OS совпадают.

font-family: Arial, Helvetica, sans-serif

Заголовок для шрифта Arial, Helvetica

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

font-family: Arial Black, Gadget, sans-serif

Заголовок для шрифта Arial Black, Gadget

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

font-family: Comic Sans MS, cursive

Заголовок для шрифта Comic Sans MS, cursive

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

font-family: Courier New, Courier, monospace

Заголовок для шрифта Courier New, Courier

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

font-family: Georgia, serif

Заголовок для шрифта Georgia

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

font-family: Impact, Charcoal, sans-serif

Заголовок для шрифта Impact, Charcoal

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

font-family: Lucida Console, Monaco, monospace

Заголовок для шрифта Lucida Console, Monaco

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

font-family: Lucida Sans Unicode, Lucida Grande, sans-serif

Заголовок для шрифта Lucida Sans Unicode, Lucida Grande

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

font-family: Palatino Linotype, Book Antiqua, Palatino, serif

Заголовок для шрифта Palatino Linotype, Book Antiqua, Palatino

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

font-family: Tahoma, Geneva, sans-serif

Заголовок для шрифта Tahoma, Geneva

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

font-family: Times New Roman, Times, serif

Заголовок для шрифта Times New Roman, Times

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

font-family: Trebuchet MS, Helvetica, sans-serif

Заголовок для шрифта Trebuchet MS, Helvetica

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

font-family: Verdana, Geneva, sans-serif

Заголовок для шрифта Verdana, Geneva

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

]]> http://stuntik.com/2009-05-30/13-shriftov-dlya-sajtov/feed/ http://stuntik.com/2009-05-30/13-shriftov-dlya-sajtov/ http://feedproxy.google.com/~r/Stuntik/~3/-vMjpGiafCs/ http://stuntik.com/2009-05-30/vse-o-shriftax-dlya-veb-dizajna/#comments Sat, 30 May 2009 17:53:11 +0000 stuntik http://stuntik.com/?p=45 Все или не все, но нужное. Или как была найдена чертова дюжина шрифтов.

С установкой ОС Windows XP в систему устанавливается небольшой набор шрифтов. Их можно увидеть в папке c:/Windows/fonts или открыв Пуск: Настройка: Панель управления: Шрифты.

Это было вводное слово для новичков   Со временем устанавливая доп. программы, в частности MS Office, количество шрифтов увеличивается.

Я столкнулся с необходимостью на многоязычном сайте использовать шрифты покрасивее. С завитушками. А они, как известно, не входят в тот небольшой список шрифтов, которые можно безопасно использовать в web-дизайне. Эта проблема сподвигла на расширеный анализ ситуации со шрифтами. Стремясь отказаться от использования картинок, можно подобрать шрифт наиболее похожий или отказаться от желания сделать финты в ущерб удобству и тд и всетаки не использовать замысловатый, витиеватый калиграфический шрифт.

Список шрифтов устанавливаемых по умолчанию в ОС Windows XP. Сделан на основе чистой XP SP2.

#	Шрифт	Семейство	Кририлица	Латиница
1	Arial	sans-serif	Короткий текст для примера.	Small text portion for example.
2	Arial Black	sans-serif	Короткий текст для примера.	Small text portion for example.
3	Comic Sans MS	cursive	Короткий текст для примера.	Small text portion for example.
4	Courier New	monospace	Короткий текст для примера.	Small text portion for example.
5	Estrangelo Edessa		Короткий текст для примера.	Small text portion for example.
6	Franklin Gothic Medium	sans-serif	Короткий текст для примера.	Small text portion for example.
7	Gautami		Короткий текст для примера.	Small text portion for example.
8	Georgia	serif	Короткий текст для примера.	Small text portion for example.
9	Impact	sans-serif	Короткий текст для примера.	Small text portion for example.
10	Kartika		Короткий текст для примера.	Small text portion for example.
11	Latha		Короткий текст для примера.	Small text portion for example.
12	Lucida Console	monospace	Короткий текст для примера.	Small text portion for example.
13	Lucida Sans Unicode	sans-serif	Короткий текст для примера.	Small text portion for example.
14	Mangal		Короткий текст для примера.	Small text portion for example.
15	Microsoft Sans Serif	sans-serif	Короткий текст для примера.	Small text portion for example.
16	Modern		Короткий текст для примера.	Small text portion for example.
17	Mv Boli		Короткий текст для примера.	Small text portion for example.
18	Palatino Linotype	serif	Короткий текст для примера.	Small text portion for example.
19	Raavi		Короткий текст для примера.	Small text portion for example.
20	Roman		Короткий текст для примера.	Small text portion for example.
21	Script		Короткий текст для примера.	Small text portion for example.
22	Shruti		Короткий текст для примера.	Small text portion for example.
23	Sylfaen	serif	Короткий текст для примера.	Small text portion for example.
24	Symbol		Короткий текст для примера.	Small text portion for example.
25	Tahoma	sans-serif	Короткий текст для примера.	Small text portion for example.
26	Times New Roman	serif	Короткий текст для примера.	Small text portion for example.
27	Trebuchet MS	sans-serif	Короткий текст для примера.	Small text portion for example.
28	Tunga		Короткий текст для примера.	Small text portion for example.
29	Verdana	sans-serif	Короткий текст для примера.	Small text portion for example.
30	Vrinda		Короткий текст для примера.	Small text portion for example.
31	Webdings		Короткий текст для примера.	Small text portion for example.
32	WingDings		Короткий текст для примера.	Small text portion for example.

Как видим 32 шрифта типа TrueType - это немало. Однако колонка с русским текстом во многих случаях не сильно отличается. На то есть причины. Такое происходит потому, что броузер подменяет их другими шрифтами, так как эти не содержат кириллического набора символов. Это шрифты предназначенные для других языков или символические (содержат специальные орнаменты). Как видно ниже, строка “Название шрифта” идентична, хотя каждой прописан разный шрифт.

Шрифты предназначенные для определенных языков и не содержат кириллицы:

1. Название шрифта: “Estrangelo Edessa” - Syriac
2. Название шрифта: “Kartika” - Malayalam
3. Название шрифта: “Gautami” - Telugu
4. Название шрифта: “Latha” - Tamil
5. Название шрифта: “Mangal” - Devanagari
6. Название шрифта: “MV Boli” - Thaana
7. Название шрифта: “Raavi” - Gurmukhi
8. Название шрифта: “Shruti” - Gujarati
9. Название шрифта: “Tunga” - Kannada
10. Название шрифта: “Vrinda” - Bengali

Просто не содержат кириллицы:

1. Modern
2. Roman
3. Script

Символические шрифты:

1. Symbol
2. Webdings
3. WingDings

Интересно отметить что в IE и Google Chrome отображаются символические ширифты такие как Symbol, Webdings и WingDings, ни OPERA ни FF ни Safari их не отображает. Но невелика потеря.

Чтож наш список кандидатов уменьшается на 16 шрифтов. Остается также 16.

#	Шрифт	Семейство	ОС	Кририлица	Латиница
1	Arial	sans-serif	XP, Mac	Короткий текст для примера.	Small text portion for example.
2	Arial Black	sans-serif	XP, Mac	Короткий текст для примера.	Small text portion for example.
3	Comic Sans MS	cursive	XP, Mac	Короткий текст для примера.	Small text portion for example.
4	Courier New	monospace	XP, Mac	Короткий текст для примера.	Small text portion for example.
5	Franklin Gothic Medium	sans-serif	XP	Короткий текст для примера.	Small text portion for example.
6	Georgia	serif	XP, Mac	Короткий текст для примера.	Small text portion for example.
7	Impact	sans-serif	XP, Mac	Короткий текст для примера.	Small text portion for example.
8	Lucida Console	monospace	XP	Короткий текст для примера.	Small text portion for example.
9	Lucida Sans Unicode	sans-serif	XP	Короткий текст для примера.	Small text portion for example.
10	Microsoft Sans Serif	sans-serif	XP	Короткий текст для примера.	Small text portion for example.
11	Palatino Linotype	serif	XP	Короткий текст для примера.	Small text portion for example.
12	Sylfaen	serif	XP	Короткий текст для примера.	Small text portion for example.
13	Tahoma	sans-serif	XP	Короткий текст для примера.	Small text portion for example.
14	Times New Roman	serif	XP	Короткий текст для примера.	Small text portion for example.
15	Trebuchet MS	sans-serif	XP	Короткий текст для примера.	Small text portion for example.
16	Verdana	sans-serif	XP, Mac	Короткий текст для примера.	Small text portion for example.

Следует отметить еще два растровых шрифта, которые есть в стандартной поставке. Их особенность в том что они не масштабируются, а имеют фиксированные размеры: 8, 10, 12, 14, 18 и 24 Также они имеют проблемы с отображением в некоторых броузерах: Opera не показывает в них кириллицу, хотя показывает латиницу. А Safari и Google Chrome не показывают ни кириллицу не латиницу.

Нужно отметить, что под “непоказывает” имеется ввиду не показывает в нужном начертании. Браузер не найдя указанного шрифта или не умея его показывать заменяет его автоматически на шрифт со схожим начертанием.

#	Шрифт	Семейство	ОС	Кририлица	Латиница
1	MS Sans Serif	sans-serif	XP	Короткий текст для примера.	Small text portion for example.
2	MS Serif	serif	XP	Короткий текст для примера.	Small text portion for example.

Если вы не вкурсе, значения семейств:

serif Шрифт с засечками

sans-serif Без засечек

cursive курсив

monospace моноширный (каждая буква одинаковой ширины)

Еще существует такое семейство как “fantasy”, но оно не входит в список web-safe шрифтов.

Итак все, что мы имеем в голом Windows исключая ненадежные растровые шрифты, которые к тому же малоинтересны, это 16 шрифтов:

9 без засечек,
4 с засечками,
2 моноширных,
1 курсивный.

Book Antiqua - распространенный шрифт, но не входит список дефолтных шрифтов. Ставится с MS Office. Очень похож на Palatino Linotype.

Но существует не только OS Windows, есть еще Mac OS. И если мы хотим чтобы наш шрифт увидели также пользователи этой OS, при написании названия шрифта в стилях для текста на сайте нужно добавить соответствующе название его в Mac OS. Эти названия иногда совпадают, но для некоторых отличаются.Ниже привожу список доступных для обеих OS шрифтов в написании для CSS

Список доступных для Windows и Mac OS шрифтов в написании для CSS

font-family: Arial, Helvetica, sans-serif

font-family: “Arial Black”, Gadget, sans-serif

font-family: “Comic Sans MS”, cursive

font-family: “Courier New”, Courier, monospace

font-family: Georgia, serif

font-family: Impact, Charcoal, sans-serif

font-family: “Lucida Console”, Monaco, monospace

font-family: “Lucida Sans Unicode”, Lucida Grande, sans-serif

font-family: “Palatino Linotype”, “Book Antiqua”, Palatino, serif

font-family: Tahoma, Geneva, sans-serif

font-family: “Times New Roman”, Times, serif

font-family: “Trebuchet MS”, Helvetica, sans-serif

font-family: Verdana, Geneva, sans-serif

И растровые:

font-family: “MS Sans Serif”, Geneva, sans-serif

font-family: “MS Serif”, “New York”, serif

Итак, не считая растровых, имеем 13 шрифтов. Я не нашел соответствующих в Mac OS для
Franklin Gothic Medium, Sylfaen и Microsoft Sans Serif.

PS. Очень показательная и полезная таблица распространенности шрифтов в различных операционках на 2009 год. Здесь начало.

PPS. Просмтривая этот пост в разных броузерах, можно увидеть разницу в возможностях броузеров и сделать соответствующие выводы.

В этой статье можно посмотреть наглядно на каждый из этих шрифтов в действии.

Особенности Юникодовых шрифтов.

Известный баг в шрифте Verdana делает его не лучшим выбором при написании текстов с диакритическими знаками.  Так как сами эти знаки, согласно багу, смещаются на следующий символ (Если верить википедии )

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

]]> http://stuntik.com/2009-05-30/vse-o-shriftax-dlya-veb-dizajna/feed/ http://stuntik.com/2009-05-30/vse-o-shriftax-dlya-veb-dizajna/ http://feedproxy.google.com/~r/Stuntik/~3/-lXwzUWBpxw/ http://stuntik.com/2008-10-22/domeny-dlya-cenitelej-anglijskogo-yumora/#comments Wed, 22 Oct 2008 13:53:26 +0000 stuntik http://stuntik.com/?p=44 Прочитал в английской Википедии про домены. Долго смеялся. Дааа….

Так как доменные имена нечувствительны к регистру, соединения из некоторых английских слов могут породить новые слова. Порой очень неприличные. И если они написаны слитно, а не через дефис, то казус может получится зачетный.

Примеры из Вики:

Who Represents, база данных артистов выбрала - whorepresents.com

Сеть терапевтов -  therapistfinder.com

сайт Церкви the Cumming First United Church in Cumming, GA  - cummingfirst.com

сайт итальянской Power Generator company powergenitalia.com

Experts Exchange, сайт программистов долго пользовался expertsexchange.com, но в итоге поменял домен на experts-exchange.com.

Если что-то пропустил - принимайте эстафету.

]]> http://stuntik.com/2008-10-22/domeny-dlya-cenitelej-anglijskogo-yumora/feed/ http://stuntik.com/2008-10-22/domeny-dlya-cenitelej-anglijskogo-yumora/