how to make minted options work with tex4ht? fontsize not changing

Question

This answer shows how to use minted in tex4ht.

But options do not seem to be passed through as with pdf.

For example, trying to change the font size as shown in this answer does not work with tex4ht using same code as with pdf. The fontsize remains the same in HTML.

Here is MWE and the commands used. Question is: How to change font size of minted with tex4ht?

\documentclass[12pt]{article}
\usepackage{minted}
\begin{document}
example 1
\begin{minted}{c}
int main() { 
printf("hello, world");
return 0;
}
\end{minted}
example 2
\begin{minted}[fontsize=\footnotesize]{Text}
Methods for first order ODEs: --- Trying classification methods --- trying a quadrature <- quadrature successful
\end{minted}
example 3
\begin{minted}[fontsize=\tiny]{Text}
Methods for first order ODEs: --- Trying classification methods --- trying a quadrature <- quadrature successful
\end{minted}
\end{document}

Compiled using lualatex -shell-escape foo.tex on TL 2021 gives expected output

But with tex4ht compiled using

make4ht --shell-escape -ulm default -c my_cfg.cfg foo.tex "mathjax,htm"

gives the HTML

Which shows the fontsize did not pass through.

The following is the file my_cfg.cfg used in the above command

\Preamble{xhtml,p-width}
%see https://tex.stackexchange.com/questions/554995/creating-better-html-code-with-minted-and-tex4ht
\ConfigureEnv{minted}{\NoFonts}{\EndNoFonts}{}{}
\begin{document}
\EndPreamble

Any workaround to make all minted options work with tex4ht also? if not all options, at least making fontsize work will be useful.

Answer 1

You explicitly disabled TeX4ht font processing with ConfigureEnv{minted}{\NoFonts}{\EndNoFonts}. So if you just removed this code, you would get a correct font size for your listings. But the downside is that lot of HTML code will be created. If you want to have a cleaner code, you can use CSS to declare font sizes for particular environments.

Personally, I would create new minted environments for each particular font size you want to use. See the updated MWE:

\documentclass[12pt]{article}
\usepackage{minted}
\newminted[smalltext]{Text}{fontsize=\footnotesize}
\newminted[tinytext]{Text}{fontsize=\tiny}
\begin{document}
example 1
\begin{minted}{c}
int main() { 
printf("hello, world");
return 0;
}
\end{minted}
example 2
\begin{smalltext}
Methods for first order ODEs: --- Trying classification methods --- trying a quadrature <- quadrature successful
\end{smalltext}
example 3
\begin{tinytext}
Methods for first order ODEs: --- Trying classification methods --- trying a quadrature <- quadrature successful
\end{tinytext}
\end{document}

Important lines are these:

\newminted[smalltext]{Text}{fontsize=\footnotesize}
\newminted[tinytext]{Text}{fontsize=\tiny}

They declare two environments, smalltext and tinytext. They use Text syntax and foot sizes that you used in the Minted environment originally.

You can then configure them in TeX4ht to produce some HTML code and style them using CSS:

\Preamble{xhtml,p-width}
%see https://tex.stackexchange.com/questions/554995/creating-better-html-code-with-minted-and-tex4ht
\ConfigureEnv{minted}{\NoFonts}{\EndNoFonts}{}{}
\ConfigureEnv{smalltext}{\ifvmode\IgnorePar\fi\EndP\HCode{<div class="smalltext">}}{\ifvmode\IgnorePar\fi\EndP\HCode{</div>}}{}{}
\Css{.smalltext{font-size:0.9rem;}}
\ConfigureEnv{tinytext}{\ifvmode\IgnorePar\fi\EndP\HCode{<div class="tinytext">}}{\ifvmode\IgnorePar\fi\EndP\HCode{</div>}}{}{}
\Css{.tinytext{font-size:0.7rem;}}
\begin{document}
\EndPreamble

This is the result: