LaTeX.css is a CSS library that makes your website look like a LaTeX document
Go to file
ETBox 1cbe025b2c
feat: add both simplified & traditional Chinese (#30)
Chinese words using default font seems a little bit weird, so I rewrite the 'font-family' rule and add 3 fonts for OS compatibility. By the way,  I also update languages.html for your convenience.
2020-07-03 07:29:59 +02:00
fonts Add Latin Modern typeface 2020-05-20 18:15:57 +02:00
lang feat: add both simplified & traditional Chinese (#30) 2020-07-03 07:29:59 +02:00
.gitignore Add gitignore 2020-05-24 08:43:32 +02:00
CHANGELOG.md 1.1.0 2020-05-27 14:32:11 +02:00
elements.html fix(elements.html): make table HTML5-compliant 2020-06-02 14:56:45 +02:00
index.html Improve table styles (#24) 2020-06-09 21:12:08 +02:00
languages.html feat: add both simplified & traditional Chinese (#30) 2020-07-03 07:29:59 +02:00
LICENSE Add LICENSE 2020-05-21 10:22:00 +02:00
package-lock.json 1.1.0 2020-05-27 14:32:11 +02:00
package.json 1.1.0 2020-05-27 14:32:11 +02:00
README.md Add a demo showing the language support 2020-05-28 19:34:24 +02:00
style.css Improve table styles (#24) 2020-06-09 21:12:08 +02:00
style.min.css Improve table styles (#24) 2020-06-09 21:12:08 +02:00
vercel.json Fix license link, add vercel config for clean URLs 2020-05-23 13:34:35 +02:00

LaTeX.CSS

License: MIT latex.css on NPM

LaTeX.css is a minimal, almost class-less CSS library which makes any website look like a LaTeX document. It is based on @davidrzs' latexCSS.

Getting Started

Add the following code in the head of your project.

<link rel="stylesheet" href="https://latex.now.sh/style.min.css" />

or use a CDN like Unpkg:

<link rel="stylesheet" href="https://unpkg.com/latex.css/style.min.css" />

Using NPM/Yarn

NPM:

npm install latex.css

Yarn:

yarn add latex.css

Add any optional classnames to elements with special styles (author subtitle, abstract, lemmas, theorems, etc.). A list of supported class-based elements can be found here.

Languages

The labels of theorems, definitions, lemmas and proofs can be changed to other supported languages by including the following snippet in addition to the main CSS file.

<link rel="stylesheet" href="https://latex.now.sh/lang/es.css" />

and changing the html lang attribute:

<html lang="es">

Have a look at the language support page for more info and a demo of the different languages.

Contributing

Contributions, feedback and issues are welcome. Feel free to fork, comment, critique, or submit a pull request.

Acknowledgements

This project is based on David Zollikofer's project latexCSS.

Most of the CSS reset is based on Andy Bell's Modern CSS Reset.

The sample HTML5 markup test page is based on html5-test-page by @cbracco.

License

This project is open source and available under the MIT License.