Restyleを使用したタイポグラフィのカスタマイズ
Restyle、 Restyle Configuration Storeに保存されているユーザー指定のタイポグラフィを利用できます。
タイポグラフィのスタイルをRestyle
Restyleタイポグラフィは、テーマで使用されるタイポグラフィ定義を含む JSON 形式の構成ドキュメントです。タイポグラフィ定義は、タイプフェイス名、フォント サイズ、スタイル配列で構成される名前付きの JSON 要素です。
注:タイポグラフィのカスタマイズには、ユーザー指定のテーマを使用する必要があります。「 Restyleを使用したテーマのカスタマイズ 」を参照してください。
前提条件
- HCL Domino Designer がマシンにインストールされていること。
- JSON (JavaScript Object Notation) 形式を基本レベルで理解します。
- JSON 互換のエディター。
- のローカルレプリカ
restyle.nsf
.「構成ストアのRestyle」を参照してください。
Restyle.nsf からのタイポグラフィ設定のエクスポート
カスタム タイポグラフィ ファイルを作成する最良の方法は、デフォルトのタイポグラフィ ファイルから始めて、必要に応じてそれを変更することです。デフォルトのタイポグラフィ ファイルとタイポグラフィ スキーマを次からエクスポートします。 restyle.nsf
次の手順に従ってください。
- タイポグラフィ ファイルとスキーマ ファイルの保存先として使用するディレクトリを作成します。
- ドミノデザイナーを起動します。
- のローカルレプリカを開きます
restyle.nsf
. - 「リソース/ファイル」に移動し、 「ファイル」エントリをダブルクリックします。
- 選択する
reserved/schema/typography-<version>.json
をクリックし、 「エクスポート」をクリックします。これが「タイポグラフィスキーマ」です。 - 手順 1 で作成したディレクトリを選択し、 「保存」をクリックしてスキーマ ファイルを保存します。
- 選択する
reserved/typography/default-typography.json
開始テーマとして使用するものを選択し、 「エクスポート」をクリックします。
注:ファイル名にはシーケンスが含まれています。
2f
の代わりに '/'
.変更後にこれらのファイルをインポートするわけではないため、名前を変更して 2f
ご希望であれば。カスタム タイポグラフィの作成
- JSON 対応エディターを使用して、エクスポートされたタイポグラフィー ファイルを開き、新しいタイポグラフィー ファイルとして保存します。次に例を示します。
my_custom_typography.json
. - 最良の結果を得るには、タイポグラフィ スキーマを新しいタイポグラフィに関連付けるようにエディタを設定します。これにより、オートコンプリート機能が提供され、 Restyle が使用する前にドキュメントが検証されます。
- 必要に応じて、タイポグラフィ ドキュメントを変更します。
- 新しいタイポグラフィ ドキュメントをにインポートします
restyle.nsf
:- ドミノデザイナーを起動します。
- のローカルレプリカを開きます
restyle.nsf
. - 案内する
Resources/Files
[ファイル]エントリをダブルクリックします。 - [ファイル] コレクションの上部にある[新しいファイル リソース]をクリックします。
- 入力
typography/my_custom-typography.json
(またはタイポグラフィ ファイルに付けた名前) を名前として使用します。注:"typography/"
Restyle機能がカスタム テーマを検索できるようにするには、プレフィックスが必要です。 - わかりやすい表示名をエイリアス値として入力します。
- コメントは現在使用されていませんが、文書化の目的で役立つ可能性があります。
- JSON エディターでドキュメント全体を選択し、クリップボードにコピーします。
- クリップボードの内容を、Domino Designer で新しく作成したファイル リソースに貼り付けます。
- 新しいタイポグラフィ構成を使用するようにカスタム テーマを更新します。
- カスタムテーマを開きます。
- テーマの先頭に、新しいタイポグラフィ構成の値を含む「typographyOverride」という名前のプロパティを追加します。例えば:
{ "version" : "1.0.0", "typographyOverride" : "my_custom_typography", . . .
- テーマを保存します。
カスタマイズされたタイポグラフィの使用
ユーザーがカスタム タイポグラフィ ファイルを参照するテーマを適用すると、新しいタイポグラフィ設定がテーマのデフォルト設定をオーバーライドします。
注:テーマによって参照されるすべてのタイポグラフィ定義を定義する必要があります。