пятница, 17 февраля 2012 г.

Android: делаем свой шрифт WebView

Некоторое время назад я начал переделывать интерфейс приложения ECM-Journal под новые гайдлайны Google. Одна из рекомендаций этих гайдлайнов состоит в использовании шрифта Roboto. Шрифт стандартный в ICS, но в Android 2.x его надо добавлять и настраивать вручную. Для простых элементов управления или даже списков шрифт настраивается достаточно легко (разве что со Spinner приходится писать несколько "необязательный" код. А вот как быть с WebView?

В принципе, решение находится примерно секунд за 10, но оно не окончательное, ведь в "браузере" может использоваться не только Regular-шрифт, но и другие начертания. Для того, чтобы их использовать, достаточно положить себе полный набор шрифтов Roboto и слегка подкрутить CSS:
<style type="text/css">
<!--
@font-face {
font-family: roboto;
font-style: normal;
font-weight: normal;
src: url("file:///android_asset/Roboto-Regular.ttf") }
@font-face {
font-family: roboto;
font-style: italic;
font-weight: normal
  src: url("file:///android_asset/Roboto-Italic.ttf") }
@font-face {
font-family: roboto;
font-style: normal;
font-weight: bold;
src: url("file:///android_asset/Roboto-Bold.ttf")
}
@font-face {
font-family: roboto;
font-style: italic;
font-weight: bold;
src: url("file:///android_asset/Roboto-BoldItalic.ttf") }
body {
font-family: roboto;
}
--> </style>
Вот такой tip&trick.

1 комментарий:

Abdullah Cuheyman комментирует...

Работеть толко в 4.4 андроид.