Глобального размер текста и использование различных стилей в одном предложении

Question

Ok два вопроса:

1) Какой самый лучший способ установить глобальный размер текста, который будет соответствовать во всех браузерах? Или всегда будет разница? Определить внутри подобное?

html { 
     font-size: 1em; 
     } 

2) Если я хочу что-то вроде этого, как заголовок в верхней части моей страницы:

В портфолио John Doe

, что это самый простой способ, чтобы получить первые 3 слова наклонным и имя выделено полужирным шрифтом? Я попытался использовать тег span, но это дало мне странные проблемы с размером.

заранее спасибо за любую помощь

Answer 1

1) То есть лучший способ, чтобы установить размер шрифта, если вы действительно обеспокоены консистенцией, вы должны проверить строку агента пользователя, чтобы увидеть, какой браузер вашего в, но, кажется, как избыточно
2) для второй части используйте свойство стиля шрифта

p.normal {font-style:normal} 
p.italic {font-style:italic} 
p.oblique {font-style:oblique} 

Answer 2

1) Обычно эти стили устанавливаются на тело тега, но кроме того, что это так, как это должно быть сделано:

body { 
    font-size: 1em; 
} 

2) Почему бы просто не использовать теги html?

<i>The Portfolio of</i> <b>John Doe</b>