# Correct Quotation Marks Per Language

> Makes quotations use the right quote marks for the language of the page or passage, such as « » in French, „ “ in German and 「 」 in Japanese.

- Type: CSS
- Runs: Site-wide header
- Category: [Multilingual](https://wpide.com/library/category/multilingual/)
- Tags: typography, quotes, css
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/i18n-quotes-by-language/

## Code

```css
:lang(en) q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(fr) q { quotes: "\00AB\00A0" "\00A0\00BB" "\201C" "\201D"; }
:lang(de) q { quotes: "\201E" "\201C" "\201A" "\2018"; }
:lang(es) q, :lang(it) q, :lang(pt) q, :lang(ru) q { quotes: "\00AB" "\00BB" "\201C" "\201D"; }
:lang(pl) q, :lang(nl) q { quotes: "\201E" "\201D" "\00AB" "\00BB"; }
:lang(ja) q, :lang(zh-TW) q { quotes: "\300C" "\300D" "\300E" "\300F"; }
:lang(zh) q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(sv) q, :lang(fi) q { quotes: "\201D" "\201D" "\2019" "\2019"; }
```

## Notes

Applies to inline <q> elements; typed quote characters in your text are not changed.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Correct Quotation Marks Per Language" in its snippet library and add it in one click; or create a new CSS snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/