Мистика какая-то со шрифтами на сайте с мобилок

Спасибо друзья. Про амедиа читал, знаю. У меня на другом сайте (ВордПресс) им сделано даже кое что. Но пока решил взять перерыв. Ща другой работы много. И подскажите, пожалуйста, 2 момента. Я гуглил и ответа не нашёл. Вот тут

<font style="font-size: 18pt; font-family: arial;">

pt можно писать более точно, например так 18.50pt. И тут

<span style="font-size:14px"><font face="Arial">

Px можно писать так, например

14.50px

Когда гуглил прочитал что пикс можно писать так, но не нашёл ответа точку надо ставить или запятую. И опять же мне не понятно, если пикс это пиксель, как можно дробить пиксель на мелкие сотые части?

Спасибо. Сделаю как вы написали потом. Так будет лучше, правильней, но это потом, мнеб сейчас получить ответ на моё предыдущее сообщение.

Ещё один нюанс. Вчера гуглил кусок кода подвала в скрипте сайта и подвал (футер) нашёлся только в одном файле - cache_config. Это нормально?

Делаю. Ничего не получается. Я не очень это всё понимаю.

В файле цсс прописал это:

.kss {
    font-size: 40px;
    font-weight: bold;
    font-family: system-ui;
}

Это вроде всё верно. А в ХТМЛ как прописать я не понимаю. Пишу так и ничего:

<center><strong><p class=".kss">Поделись статьёй:</p></strong></center>

Так тоже не работает. Искал в Гугле и Яндексе примеры как прописать ХТМЛ и ничего не нашёл.

<div style=".kss">текст</div>

"Спаном" тоже попробовал и ничего.

Вы точку то уберите и все заработает.класс css в хтмл коде без точек пишут 

И точку убирал. И дивом делал. И спаном делал. Всё бестолку. В итоге сделал так:

<center><strong><span style="font-size:20px"><font face="system-ui">Вот тут просто текст<span></strong></center><br />

И теперь. Первое - работает через раз увеличение шрифта. Второе сайт у меня на ХТМЛ 5. Это сильно плохо, что я так прописал или на ранжирование статей не влияет?

Кстати в ХТМЛ 5 можно без ЦСС сделать валидно тот код что выше?

Вообщем щас всё нормально стало. Без ЦСС. Но браузеры сами, что хотят то и делают со шрифтами. Выше в коде где 20рх показывает очень мелко если смотреть вертикально. Поворачиваю смартфон в бок  всё нормально. Потом обратно поворачиваю вертикально тоже нормально. Почему в самом начале шрифт мелкий? Он где-то 10рх. Можно это как то вылечить?

Всё закончил с этим. Надоело. Глюченные долбанные браузеры сами что хотят то и делают со шрифтами. пикс менял на ем, рем, всё бесполезно. Ладно бы они всегда делали тоже самое. А нет. Под настроение, браузер то выдают шрифт крупно то мелко.