有什么CSS在HTML中排版XeLaTeX标志？ [英] Is there CSS for typesetting the XeLaTeX logo in HTML?

问题描述

我想在HTML网页中使用XeLaTeX标志。我在这里找到了关于LaTeX标志的类似问题的答案：
有没有CSS排版LaTeX标志在HTML？，但XeLaTeX标志涉及一个镜像E.有一个技巧，这也太。

因此，更好的方法是将e大写并使用3D变换。考虑到这一部分，以下代码将在足够现代的浏览器上工作：

 < style& 
 .revcap {
 display：inline-block; 
 text-transform：uppercase; 
 -webkit-transform：rotateY（180deg）; 
 -moz-transform：rotationY（180deg）; 
 -ms-transform：rotateY（180deg）; 
 transform：rotateY（180deg）; 
} 
< / style> 
 X< span class = revcap> e< / span> LaTeX 
  

I want to use the XeLaTeX logo in HTML pages. I found the answer to a similar question regarding the LaTeX logo here: Is there CSS for typesetting the LaTeX logo in HTML?, but the XeLaTeX logo involves a mirrored E. Is there a trick to get this too?

解决方案

You could use "Ǝ" U+018E LATIN CAPITAL LETTER REVERSED E to get a mirrored E, but it’s tricky and risky to do a character substitution with CSS.

So a better approach would be to uppercase the "e" and use a 3D transform. Considering just this part, the following code would work on sufficiently modern browsers:

<style>
.revcap {
display: inline-block;
text-transform: uppercase;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
</style>
X<span class=revcap>e</span>LaTeX

这篇关于有什么CSS在HTML中排版XeLaTeX标志？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！