0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

FileMakerのボタン、アイコンとテキストのズレはフォントで解消

Posted at

初めまして!
私は田舎の小さなデイサービスで事務員をやっています。

FileMakerを専門の仕事にしているわけではなく、間違った点があるかもしれませんが、その際は問題点を教えてくださるととても嬉しいです。

#ボタン設定でアイコンとテキストがズレる
FileMakerで最もイケてないところ、それがこのズレるボタン。
ボタンをレイアウト上に配置するとき、最もイライラする問題ですよね。
マージンを調整するもアイコンも一緒にマージンされて効果がなく、いっそのことアイコンとテキストを別々にレイアウトに配置する方も。

実はこの問題、フォントを変えるだけで解決します。
IMG_2320.jpeg
美しぃぃぃぃいいいいいい
ど真ん中!!!
(この画面はFileMakerGo、iPadでスクショ撮った画像です)

#源ノ角ゴシック
使用しているフォントが "源ノ角ゴシック" と言われるフォントです。
AdobeとGoogleの共同制作したフォントで、無料で提供されており、尚且つオープンソースです。
そのため、後述しますが、有志の方がカスタマイズしたフォントを公開して下さってます。(源柔ゴシック等)

ヒラギノ角ゴと比べ、源ノ角ゴはやや字体が太く、若干クラッシックな書体ですが、これもまた信頼感があって良いのではないでしょうか。

#PCに入れる
そのままフォントをDLしてインストールするだけです。
インストール後はFileMakerの再起動をお忘れなく!

が、

注意点が一つ。
これは "海外が" 作ったフォントです。
邦題が "源ノ角ゴシック" なのであって、
オリジナルのタイトルは、"Source Han Sans" です。
なので、FileMaker内でフォントを選ぶ際、"G" ではなく "S" の範囲に存在しています。
(ただ "S" の範囲にはありますが、フォント名は "源ノ角ゴシック" または "源ノ角ゴシック JP" で存在しています)

#iPadに入れる
AnyFontというアプリを使ってフォントの設定をします。

  1. App StoreにてAnyFontをDL
  2. macOSならAirDropで、窓ならメール等でフォントをiPadに送る。
  3. iPadでフォントを開こうとすると "どれで開きますか?" 系のダイアログが出てくるので、AnyFontを指定。
  4. 指定後、AnyFont内へフォントがコピーされる。
  5. コピーされたフォント名をタップすると、設定Appにフォントのプロファイルが保存される。
  6. あとは、設定Appを起動して、プロファイルをインストール。

という流れです。

フォント設定自体は至極簡単ですが、ウェイト分(Regular、Bold等)同じ作業をしないといけないのがちと面倒でもあります。
(初投稿で画像が一枚しか投稿できないことが悔やまれる…)

#源ノ角ゴは何故ズレないのか?
おそらくですが、海外が作った日本語フォント、というところが味噌なんだと思います。
折角なので、ここに至った経緯とともに推測してみます!

アイコンとテキストがズレる問題、
この問題にずーっと頭を悩ませていたのですが、

をみて、どうやら欧文フォントでは起きない現象ということを知りました。
そうなんです。欧文フォントではみられない現象なのです。
ということは、もしかすると、海外で作成された日本語のフォントであれば、欧文フォントと同じ働きをするのではないか!?と風呂場でひらめき、そこで、イラレでよく使用していた源ノ角フォントを設定してみると、うまく行った。という経緯です。

また、Appleが出している、SanFranciscoフォントも同じ働きをします。
これもApple(海外)が出している、日本語込みのフォントですから、ズレは生じません。
ですが、たまにiPadでは反映されないことがあり、お勧めしません。
(個体差があるのかもしれませんが)

**カスタマイズフォント** 源柔ゴシック 角丸、やや角丸を御所望の方は是非是非! 個人的には源柔ゴシックLがお淑やかで好きです。 http://jikasei.me/font/genjyuu/
**バリアフルフォント** 因みにですが、つい最近源ノ角ゴシックがバリアブルフォントになりました。 https://github.com/adobe-fonts/source-han-sans/tree/release/Variable 一つのフォントファイルだけでウェイトが自由に指定でき、容量も軽く大変便利です。 ただし注意点があります。 iPadでバリアブルフォントを対応していない(?)ようですので、プロファイルのインストールができません。 FileMakerGo愛用者の方々はご注意ください。 PCでは使用できます(バリアブルではないですが)
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?