https://github.com/alyssabedard/hanzi2pinyin-notetype
Really basic Anki note type to see pronunciation (pinyin, zhuyin, etc...) above chinese characters (hanzi).
https://github.com/alyssabedard/hanzi2pinyin-notetype
anki bopomofo cantonese chinese flashcards jyutping language-learning mandarin pinyin xiaoerjing zhuyin
Last synced: 3 months ago
JSON representation
Really basic Anki note type to see pronunciation (pinyin, zhuyin, etc...) above chinese characters (hanzi).
- Host: GitHub
- URL: https://github.com/alyssabedard/hanzi2pinyin-notetype
- Owner: alyssabedard
- License: mit
- Created: 2025-01-10T00:15:23.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2025-01-17T16:56:21.000Z (5 months ago)
- Last Synced: 2025-03-04T19:48:40.877Z (3 months ago)
- Topics: anki, bopomofo, cantonese, chinese, flashcards, jyutping, language-learning, mandarin, pinyin, xiaoerjing, zhuyin
- Language: HTML
- Homepage:
- Size: 25.6 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Support: .github/SUPPORT.md
Awesome Lists containing this project
README
Really basic [Anki](https://apps.ankiweb.net/) note type to see ruby characters (pinyin, zhuyin, etc...) above chinese characters (hanzi).
## Usage
🚧 Documentation for non-technical users coming soon, please also read [Hanzi2Pinyin](https://github.com/alyssabedard/Hanzi2Pinyin)
1. Download Note type or use the individual files:
- Anki Note type (.apkg) can be found [here](https://github.com/alyssabedard/Hanzi2Pinyin-notetype/releases) _(first zip file)_
- or under [Hanzi2Pinyin/note_type/](Hanzi2Pinyin/note_type)
- Individual files (html and css) under [Hanzi2Pinyin/individual_files/](Hanzi2Pinyin/individual_files)
2. Download the [Hanzi2Pinyin](https://ankiweb.net/shared/info/77106192) add-on to Anki
### Fonts
Make changes according to your preferences
```
/*****************************
* CHINESE TEXT STYLES
* Customize the appearance of Chinese characters and pinyin here
******************************/
@font-face {
font-family: 'SourceHanSerif';
src: url('_SourceHanSerifSC-Medium.otf') format('opentype'); /* Inside Anki Collection media */
/* Optionally add weights */
/* font-weight: normal;*/
/* font-style: normal;*/
}
.hanzi-ruby {
/* Chinese font stack - adjust or add fonts as needed */
font-family: "SourceHanSerif", "Kai", "Kaiti SC", "KaiTi", "楷体", /* Primary Chinese fonts*/
"STKaiti", /* macOS */
"NSimSun", "新宋体", /* Windows */
"Noto Sans CJK SC", /* Linux/Android */
"WenQuanYi Zen Hei",
"DroidSansFallback",
"Microsoft YaHei", /* Windows fallback */
serif;
font-size: 46px;
}
```
## Features
- Target expression/word are automatically highlighted for easy recognition
- Toggle ruby text:
- View readings by hovering over specific characters or
- Toggle button to display/hide all readings at once
## Anki Note Type Fields
| Field Name | Usage |
|------------------|--------------------------------------------------------------------------------|
| Expression | Target word/expression (Anki Sort Field) |
| ExpressionPinyin | _Optional_ |
| ExpressionAudio | Word/Expression audio |
| Sentence | _Optional_ |
| SentencePinyin | Sentence with ruby text (pinyin, zhuyin...) |
| SentenceAudio | Sentence audio |
| Translation | Native Language or second language translation of the sentence |
| Definition | Meaning/definition of the expression/word |
| Screenshot | Screenshot/images |
| Source | Where the content is from (e.g., movie name, book title) |
| Notes | Additional context or grammar points |
| IsSentenceCard | Mark it with an "x" if this is a sentence-focused card else audio-focused card |
## Contributing & Support
| Type | Description |
|-----------------------------------------------------------------------------------|---------------------------------|
| [Issues & Requests](https://github.com/alyssabedard/Hanzi2Pinyin-notetype/issues) | Bug reports or feature requests |
| [Contributing](.github/CONTRIBUTING.md) | Fork the repo and submit a PR |
| [Discussions](https://github.com/alyssabedard/Hanzi2Pinyin-notetype/discussions) | Getting help and questions |
| [Support](.github/SUPPORT.md) | Support - Getting Started |
## Acknowledgement
- [Source Han Serif](https://source.typekit.com/source-han-serif/?scid=social71226596) - An open source Pan-CJK typeface ([GitHub](https://github.com/adobe-fonts/source-han-serif))
