![更改 tex4ht css 类](https://linux22.com/image/290907/%E6%9B%B4%E6%94%B9%20tex4ht%20css%20%E7%B1%BB.png)
我正在使用 htxelatex 转换我自己的 tex 文件 + 配置文件。我想更改生成的 css 对象,但似乎无法做到。
我在做什么
在我的配置文件中我使用以下内容
\Css { .cmcsc-10x-x-248{font-size:90\%;} }
但我生成的 css 保持原来的大小
.cmcsc-10x-x-248{font-size:206%;}
有没有办法从我的配置文件中编辑该类而不使用其他方法(脚本),我想编辑其中的几个。
这是一些工作演示。我只是想让字体变小一点。
\documentclass[12pt]{report}
\newenvironment{LOGOAMIGE}{}{~\\[1cm]
\vspace{2in}}
\newenvironment{navbartext}{}{}
\newcommand{\HRule}{\rule{\linewidth}{0.2mm}}
\begin{document}
\begin{titlepage}
\begin{center}
% Upper part of the page. The '~' is needed because \\
% only works if a paragraph has started.
\begin{LOGOAMIGE}
THELOGO
\end{LOGOAMIGE}
\begin{navbartext}
\huge \textsc{Digitarc PX3\texttrademark System}\\[0.1cm]
\end{navbartext}
\begin{navbartext}
\huge \textsc{Electrode Arc Regulator}
\end{navbartext}
\vfill
\begin{navbartext}
% Bottom of the page
User Manual\\[0.5cm]
\Large EAF 1.3
\end{navbartext}
\end{center}
\end{titlepage}
\end{document}
和配置文件
\edef\hash{\string#}
\Preamble{xhtml}
\Configure{@HEAD}{\HCode{<link
rel="stylesheet" type="text/css"
href="css/bootstrap.min.css" />\Hnewline}}
\Configure{@HEAD}{\HCode{<link
rel="stylesheet" type="text/css"
href="css/bootstrap-theme.min.css" />\Hnewline}}
\begin{document}
\ConfigureEnv{titlepage}
{\HCode {<header class="navbar navbar-bright navbar-fixed-top" role="banner">}}
{\HCode {</div></header>}} {} {}
\ConfigureEnv{LOGOAMIGE}
{\HCode {
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="\#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="\#" class="navbar-brand scroll-top">
}}
{\HCode {
</a>
</div>
<div id="main-nav" class="collapse navbar-collapse">
}}
\Css { .cmcsc-10x-x-248{font-size:90\%;} }
\makeatletter
\let\ifes@LaTeXe\iftrue
\makeatother
\Configure{BODY}{\HCode{<body>}}{\HCode{
<script src="js/jquery-1.11.1.min.js" type="text/javascript"/>
<script src="js/bootstrap.min.js" type="text/javascript"/>
<script src="js/amige.js" type="text/javascript"/></body>}
}
\EndPreamble
答案1
\Css
配置文件中放在 之后的命令\begin{document}
将被忽略。有时很难确定哪些配置应该放在 之前和 之后\begin{document}
。最好首先将其放在 之前,如果出现问题则将其放在 之后。
我还稍微修改了一些其他配置,因为生成了非有效 html:
\edef\hash{\string#}
\Preamble{xhtml}
\newcommand\leavepars{\ifvmode\IgnorePar\fi\EndP}
\Configure{@HEAD}{\HCode{<link
rel="stylesheet" type="text/css"
href="css/bootstrap.min.css" />\Hnewline}}
\Configure{@HEAD}{\HCode{<link
rel="stylesheet" type="text/css"
href="css/bootstrap-theme.min.css" />\Hnewline}}
\Css { .cmcsc-10x-x-248{font-size:90\%;} }
\Configure{TITLE+}{Digitarc PX3\texttrademark System}
\begin{document}
\ConfigureEnv{titlepage}
{\leavepars\HCode {<header class="navbar navbar-bright navbar-fixed-top" role="banner">}}
{\leavepars\HCode {</div></header>}} {} {}
\ConfigureEnv{LOGOAMIGE}
{\leavepars\HCode {
<div class="navbar-header">
<button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="\#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="\#" class="navbar-brand scroll-top">
}}
{\leavepars\HCode {
</a>
</div>
<div id="main-nav" class="collapse navbar-collapse">
}}
\makeatletter
%\let\ifes@LaTeXe\iftrue
\makeatother
\Configure{BODY}{\HCode{<body>}}{\HCode{
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>\Hnewline
<script src="js/bootstrap.min.js" type="text/javascript"></script>\Hnewline
<script src="js/amige.js" type="text/javascript"></script>\Hnewline</body>}
}
\EndPreamble
我创建了leavepars
命令,并将其放在\HCode
生成<div>
元素的命令之前。这将防止标签交叉,例如<div></p>
,在前一个定义中发生了这种情况。我还添加了\Configure{TITLE+}
配置,因为当您在文档中不使用命令时,title 元素否则为空\title
。最后,我注释掉了在之前%\let\ifes@LaTeXe\iftrue
生成的命令,所以它显然无论如何都不起作用。LaTeXe
<title>