В CSS я обычно иду с обычным
font-family: Arial, Helvetica, sans-serif;
Для небольшого изменения, я собираюсь использовать шрифт, похожий на почерк. Могут ли некоторые из экспертов-экспертов CSS предложить здесь некоторые из самых безопасных шрифтов (наиболее широко доступных в большинстве браузеров), которые выглядят как hardwriting
Аналогично 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%
Нет шрифта почерка, который надежно доступен в большинстве браузеров на всех платформах. Существуют подмножества, такие как шрифты, которые поставляются с Windows Vista или 7, но если вы хотите добиться серьезного надежного покрытия, вероятно, вам придётся прибегнуть к предоставлению шрифта вместе с веб-страницей, что, к сожалению, усложняет ситуацию.
Связанные вопросы SO:
Вы можете использовать один из веб-безопасных шрифтов 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; }
Единственный безопасный почтовый шрифт - Comic Sans - если вы хотите нанести ущерб своим пользователям.;)
В процентах см. результаты Обзор стиля кода в этом месяце:
Windows 99.13%
Mac 89.94%
Linux 60.95%
Наиболее распространенным курсивом в Linux является URW Chancery L, но он не является кросс-платформенным.
Я полагаю, что 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, или некоторая комбинация этих решений для всех пользователей.
Comic Sans будет самым обычным шрифтом, похожим на macs и pcs, поскольку, как говорится, вы всегда можете вставлять шрифт на свою страницу.
Прочтите это: http://www.w3.org/Style/Examples/007/fonts
и для метода non js: http://css-tricks.com/css-image-replacement/
Есть альтернатива. Если вы знакомы с 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!