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