Установка шрифта css для безопасного почерка

В CSS я обычно иду с обычным

font-family: Arial, Helvetica, sans-serif;

Для небольшого изменения, я собираюсь использовать шрифт, похожий на почерк. Могут ли некоторые из экспертов-экспертов CSS предложить здесь некоторые из самых безопасных шрифтов (наиболее широко доступных в большинстве браузеров), которые выглядят как hardwriting

Ответы

Ответ 1

Аналогично sans-serif существует общий cursive, который является "шрифтом, похожим на почерк". Это зависит от браузера (как и sans-serif), но может быть хорошим местом для начала.

Ниже приведен обзор семейств шрифтов script для каждого пользователя:

http://www.codestyle.org/css/font-family/sampler-Cursive.shtml

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

Их основные установленные шрифты (ТОЛЬКО ДЛЯ WINDOWS):

Comic Sans MS     99.13%  
Monotype Corsiva    82.29%  
Bradley Hand ITC    63.02% 
Tempus Sans ITC      62.68% 
French Script MT    62.39%

Ответ 2

Нет шрифта почерка, который надежно доступен в большинстве браузеров на всех платформах. Существуют подмножества, такие как шрифты, которые поставляются с Windows Vista или 7, но если вы хотите добиться серьезного надежного покрытия, вероятно, вам придётся прибегнуть к предоставлению шрифта вместе с веб-страницей, что, к сожалению, усложняет ситуацию.

Связанные вопросы SO:

Ответ 3

Вы можете использовать один из веб-безопасных шрифтов Google: http://www.google.com/webfonts/family?family=Schoolbell&subset=latin#code

<link href='http://fonts.googleapis.com/css?family=Schoolbell&v1' rel='stylesheet' type='text/css'>
h1 { font-family: 'Schoolbell', arial, serif; }

Ответ 4

Единственный безопасный почтовый шрифт - Comic Sans - если вы хотите нанести ущерб своим пользователям.;)

В процентах см. результаты Обзор стиля кода в этом месяце:

Windows  99.13%
Mac      89.94%
Linux    60.95%

Наиболее распространенным курсивом в Linux является URW Chancery L, но он не является кросс-платформенным.

Ответ 5

Я полагаю, что Comic Sans или Lucida почерк будут одними из наиболее широко доступных шрифтов "почерк", хотя они не являются большими шрифтами. Вам может быть лучше, если заглянуть в некоторые варианты вставки шрифтов, либо используя материал fancy-smancy html 5: http://www.broken-links.com/2009/05/28/exciting-times-html-5-web-fonts/, t полностью поддерживаться или использовать sIFR, основанный на flash: http://www.mikeindustries.com/blog/sifr, или некоторая комбинация этих решений для всех пользователей.

Ответ 6

Comic Sans будет самым обычным шрифтом, похожим на macs и pcs, поскольку, как говорится, вы всегда можете вставлять шрифт на свою страницу.

Ответ 7

Прочтите это: http://www.w3.org/Style/Examples/007/fonts

и для метода non js: http://css-tricks.com/css-image-replacement/

Ответ 8

Есть альтернатива. Если вы знакомы с Javscript или JQuery. Там очень красивый script, называемый "Cufon", который делает вещь под названием "Замена шрифта". С помощью этого простого в использовании script вы можете использовать ЛЮБОЙ шрифт, который вы хотите на своем веб-сайте. Я предлагаю вам начать с проверки документации, затем создать версию шрифта cufon-js, а затем использовать его!

С таким кодом вы уже будете выполнять замену шрифта... проверьте эту простоту

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script src="cufon-yui.js" type="text/javascript"></script>
        <script src="Vegur_300.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('h1');
        </script>
    </head>
    <body>
        <h1>This text will be shown in Vegur.</h1>
    </body>
</html>

Посетите этот веб-сайт для получения дополнительной информации: http://cufon.shoqolate.com/generate/ (это вы могли создать свой любимый шрифт и сделать его готовым к использованию в качестве замены на вашем сайте). Не забудьте включить файл jquery!