ごいしはまぐり

ノベルゲーム制作サークル「ごいしはまぐり」紹介の他、映画紹介やティラノスクリプト等、メンバーの記事を寄せ集めています。

ティラノスクリプト

ティラノスクリプト備忘録12 独自フォントを使用する

投稿日:2019年5月29日 更新日:

デフォルトのフォントを独自のフォントにすることで、作品にオリジナリティが出たり、雰囲気を決めたりすることが出来ます。
今回はティラノスクリプトで独自フォントを使う手順についてメモ書きです。


行うことは全部で3つ。

・フォントを準備する
・font.cssの修正
・Config.tjsの修正

ひとつずつ解説します。


フォントを準備する


まずはフォントを準備します。
フォントは初めはフリーのものを選ぶのがいいと思います。
形式は、ttf、woff、eot形式があれば十分です。
(今回はフォントを3形式で設定していますが、全ては必要ないかも知れません)

フォント形式の変換については「フォント形式 変換」などでオンラインで変換出来るサイトが沢山ありますので、そちらを利用するのも手です。


上記形式のフォントを

\data\others

にそのまま入れます。

font.cssの修正


tyrano/font.cssの修正を行います。
以下はfont.cssの中身です。

@font-face {
font-family: '独自フォント名';
src: url('../data/others/独自フォント名.ttf') format('truetype'),
url('../data/others/独自フォント名.woff') format('woff'),
url('../data/others/独自フォント名.eot') format('eot');
font-weight:normal;font-style:normal;
}


「独自フォント名」と書かれているのをフォントのファイル名に変更して下さい。ttf、woff、eotとそれぞれ設定して下さい。


Config.tjsの修正


data\system\Config.tjsを修正します。
311行目に以下の様なコードがあると思います。

// ◆ 文字の書体
// デフォルトのフォント名を指定します。
// この設定はシステム変数に記録されて、次回起動時に引き継がれるので、
// userFace の設定を変更し、適用したい場合はシステム変数ファイル
// カンマで区切って複数のフォントを指定することができます。その場合は、最初
// の方に書いたフォントが存在すれば、優先されます。
;userFace = 独自フォント名; // deffont タグの face 属性に相当


;userFace = の後を独自フォント名にして下さい。
以上で、デフォルトのフォントが変更されます。


それではまた!

ごいしはまぐりではブラウザでプレイできるノベルゲームも制作しております。
作品一覧はこちらです。

  
皆さまの応援が励みになります。アクセスアップのためクリックして頂けると幸いですm(_ _)m

-ティラノスクリプト

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ティラノスクリプト備忘録5 変数によるIf分岐

ティラノスクリプト備忘録第5弾は「変数によるIf分岐」の作り方です。ボタン以外の分岐があると、ゲームとしての奥深さを表現出来たりしそうですね。ティラノスクリプト備忘録3では変数の出力について、 ティラ …

ティラノスクリプト備忘録22
タイマーを利用する

 以前、JavaScriptでタイマーを表示させる実験を行いましたが、今回は実際にゲームとして動作するように組込を行います。 以下の例は時間制限ありのボタンクリックになります。 指定した時間以内に入力 …

ティラノスクリプト備忘録3 変数と出力

ティラノスクリプト備忘録第3弾は「変数と出力」です。変数があれば、ステータス的なのが作れたり、プレイヤーの選択による分岐以外の分岐が作れたりといいことだらけ。変数は小難しいところもありますが食わず嫌い …

ティラノスクリプト備忘録7 タイトル画面を編集する

ティラノスクリプト備忘録第7弾は「タイトル画面の編集」です。スクリプト上でボタンの表示/非表示や配置を決める方法を説明していきます。ティラノビルダーでは配置や画像の変更をGUIで簡単に設定できますが、 …

ティラノスクリプト備忘録15
便利なツール紹介

 こんにちは!ぽんかです。 今回はティラノスクリプトでノベルゲームを作る際に使用しているツールを紹介したいと思います。ノベルゲームを作るのには色々な素材、要素が必要になります。便利なツールを使って 時 …