Давайте поменяем шрифт для мобильной версии а то смотреть очень не удобно

[BaSergey]

Обзавелся смартфоном и по пути с/на работу читаю форум, версию для мобильников. Но очень не удобно получается - шрифт широкий, а подставить свой браузер не позволяет.

Вот к чему привели раскопки:
https://vwts.ru/forum/pda/index.php/
Оба этих режима для оформления используют 2 файла каскадных стилей:

<link rel="stylesheet" rev="stylesheet" href="/forum/pda/lofiscreen.css" media="screen" />
<link rel="stylesheet" rev="stylesheet" href="/forum/pda/lofihandheld.css" media="handheld" />

но фактически используется только lofiscreen.css, ибо lofihandheld.css просто его импортирует, ничего не меняя.
Шрифт содержимого задается в самом начале файла lofiscreen.css

BODY
{ 
	background-color: #FFF;
	color: #000;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 1em;
	margin: 20px;
	padding: 0px;
}

Verdana стоит первым шрифтом в списке предпочтения, но это самый широкий шрифт из всех перечисленных. На экране шириной в 240 пикселей текст разъезжается совершенно не комфортно. Шрифты с засечками (Georgia, Courier, Times New Roman, Serif) тоже лишние, ибо засечки все равно видны еле-еле, только читать мешают.
Arial - это стройный узкий шрифт без засечек, он идеален для компактных экранов, он должен быть первым.

Я предлагаю сделать эту строчку такой:

font-family: Arial, Tahoma, Sans-Serif, Serif;

Так же надо подправить определение стилей TABLE, TR, TD в конце этого файла.

Попробуем?

 

[Admin]

Можно... а я прсто на КПК в Опере ставлю использовать мелкий шрифт и все становится замечательно... B)

З.Ы. Напиши бедее детально. т.е. найти в этом файле код "ффф" и заменить его на "иии". Это касательно "Так же надо подправить определение стилей TABLE, TR, TD в конце этого файла."

Первую строчку поменял тут
https://vwts.ru/forum_txt/index.php/

проверяй

 

[BaSergey]

Файл lofiscreen.css, находится по относительному пути forum/pda/lofiscreen.css.

Это его первые строки:

/*=============================================*/
/* LO-FI SCREEN CSS FILE                       */
/* (c) 2004 Invision Power Services, Inc.      */
/* This CSS by: Matthew Mecham                 */
/*=============================================*/

BODY
{
        background-color: #FFF;
        color: #000;
        font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
        font-size: 1em;
        margin: 20px;
        padding: 0px;
}

Надо изменить строчки font-family и margin, чтобы было так:

/*=============================================*/
/* LO-FI SCREEN CSS FILE                       */
/* (c) 2004 Invision Power Services, Inc.      */
/* This CSS by: Matthew Mecham                 */
/*=============================================*/

BODY
{
        background-color: #FFF;
        color: #000;
        font-family: Arial, Tahoma, Sans-Serif, Serif;
        font-size: 1em;
        margin: 10px;
        padding: 0px;
}

Далее.
Вот самая последняя строка этого же файла:

TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }

Надо заменить ее на

TABLE, TR, TD { font-family: Arial, Tahoma, Sans-Serif; font-size: 11px; color: #000; }

На этом все.
Указанные изменения не повлияют на работу не-мобильной части форума. Там свои стили в других файлах.

 

[BaSergey]

Проверил, читается отлично!
Спасибо!

+
Сделано только полдела.
Николай, ты изменил файл /forum/forum-txt/lofiscreen.css
Сделай, пожалуйста, то же самое с файлом /forum/pda/lofiscreen.css - вдруг с мобилки что-то написать надо будет.