NABI NOTE
Nyaraka

Aina ya Herufi ​

Tumia familia ya aina ya herufi kwenye maandishi yaliyochaguliwa. Eneo likichaguliwa, eneo hilo pekee hubadilika; ikiwa kuna kielekezi pekee, hutumika kwa maandishi katika aya ya sasa. Faili halisi za fonti na thamani za font-family hufafanuliwa na CSS ya huduma.

Familia chaguomsingi ni sans, serif, mono, na cursive. Hasa katika huduma zinazojumuisha Kikorea au maudhui mengine ya lugha nyingi, ni bora kuamua wazi fonti ambazo kila familia itatumia.

Mabawa
Aina msingi ya herufiKipenyo
HTMLKihariri kinapakiwa…
JSONnabi-treeKihariri kinapakiwa…
Sakinisha
npm install nabi-note
Msimbo
import {
  createNabiWith, mountSurface, mountToolbar, mountContextToolbar,
  mountHints, watchSettle, typefaceWing, fontSizeWing, dropCapWing,
  mountViewTools,
} from 'nabi-note'

const selected = [
  typefaceWing,
  fontSizeWing,
  dropCapWing,
]
const { nabi, registry } = createNabiWith(selected)

const root = document.querySelector('.nabi')!
const content = document.querySelector('.nabi-content')!

// The locale also sets the direction — Arabic and Urdu run right to left
mountSurface({ nabi, registry, root: content, locale: 'sw' })

const settle = watchSettle(document, { surface: content })
const shared = { nabi, registry, surface: content, settle, locale: 'sw' }
const toolbar = mountToolbar({ ...shared, root: document.querySelector('#toolbar')! })
const context = mountContextToolbar({ ...shared, root: document.querySelector('#context')! })
mountHints({ toolbar, context, root, surface: content })
// The preview and fullscreen buttons — they stand their own box at the end of the row
mountViewTools({ ...shared, root, container: document.querySelector('#toolbar')! })

// on every change — hook up your own code here
// nabi.onChange(() => user_callback(nabi.getHtml()))
ts
const selected = wings().use('tf', {
  values: ['sans', 'serif', 'mono'],
}).build()

Iwapo values itaachwa, familia zote chaguomsingi hutumika. Thamani zilizojumuishwa katika values pekee ndizo zinazoruhusiwa kwenye hati.

Mitindo ya CSS ​

Hati huhifadhi jina la familia pekee, na CSS huchagua faili za fonti. Badilisha vigeu kwenye kontena lilelile kwa kihariri na mwonekano uliochapishwa.

css
.nabi-content {
  --nabi-font-serif: "Noto Serif", "Noto Serif KR", serif;
  --nabi-font-mono: "JetBrains Mono", monospace;
}

Ukitumia fonti za wavuti, pakia faili hizo za fonti kwanza. cursive mara nyingi haina ufunikaji mzuri wa lugha nyingi, kwa hiyo ni bora kuitoa baada ya kuchagua fonti halisi ambayo huduma yako itatumia.