По какой-то причине в SyntaxHighlighter, который я использую для подсветки синтаксиса в этом блоге, нет опции изменить размер шрифта кода - он задан как 100% от размера шрифта родительского блока. Чтобы изменить его, можно вручную поменять это везде в css-файлах SyntaxHighlighter, но в моем случае, когда я просто гружу все необходимые файлы с сайта самого SyntaxHighlighter, пришлось бы размещать измененные файлы где-то еще и грузить оттуда. Другой подход - это оборачивать блок с кодом (блок <pre>) дополнительным блоком <div> с каким-нибудь собственным классом:
и у себя в css прописать:
Теперь размер шрифта для кода будет составлять 80% от размера шрифта для остального текста.
<div class="syntax_wrapper"> <pre class="brush:cpp"> Здесь располагается код на Си++ </pre> </div>
.syntax_wrapper { font-size:80%; }