CSS очень тонкий шрифт?

Как создать очень тонкие шрифты с помощью CSS, например, http://www.google.com/landing/newgadgets/?

Сейчас я использую это, но я нахожусь на mac, и я не думаю, что "Helvetica Neue" поддерживается в Windows.

h1{
  font-size:64px;
  font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:100;
}

Любые идеи для тонких, четких шрифтов?

Ответы

Ответ 1

Google использует свои API шрифтов и CSS @font-face

См. следующую ссылку в своем коде:

<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel="stylesheet">

Ниже приведено точное определение, которое "регистрирует" указанный шрифт:

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

Затем они просто применяют этот шрифт к элементу /s:

h1, h2, h3, h4, blockquote, q, .maia-nav ul {
   font-family: 'open sans',arial,sans-serif;
}

Примечание. @font-face Шрифты не отображаются в браузерах уровня ниже. Если вам нужно их поддержать, попробуйте http://cufon.shoqolate.com/

Ответ 2

Просто возьмите этот шрифт из Google Web Fonts.

Выберите нужные шрифты, выберите стили ( жирный, курсив и т.д.), и Google предоставит вам элемент <link /> для включения в ваш HTML.

Этот текущий шрифт называется Open Sans:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

Теперь вы можете использовать его:

font-family: 'Open Sans', sans-serif;