サイト紹介

神奈川県西部に位置する人口約20万人の「小田原市」の公式サイトです。
小田原市は豊かな自然、温暖な気候、悠久の歴史、古くから続くなりわいや文化、交通の要衝と、地域資源に恵まれた特例市です。

導入までの経緯

これまでは、デザイン的に文字画像のボタンなどを利用したいと思っても、画像編集ソフトや制作スキルが無ければ対応できませんでした。
またアクセシビリティツールの「文字色変更」にて色が変わらなかったり、自動翻訳機能を使っても画像文字の部分だけ翻訳されないなどの問題がありましたので、現在のCMS(bingo!CMS Enterprise)にWebフォントを導入することによりこれらが解決できると考えました。

Windows・Macの主要ブラウザ(特にWindowsにて)文字がギザギザしない、表示速度が速い、カーニングが整っている、などをポイントに選定を行い、結果フォントワークス社のフォントが利用できるFONTPLUSに決めました。

FONTPLUS × アクセシビリティ機能

サイト上部に「自動翻訳」、「文字色変更」、「文字サイズ変更」の機能を設置しています。
2013年12月24日にデザインリニューアルに伴い、FONTPLUSを導入したことで各ツールがより効果を発揮するようになりました。

今回のリニューアルでは、目的のページを直感的に見つけ出せるよう、写真や画像上に文字を載せるボタンを多用することになりました。
そこでWebフォントを利用し、画像上の文字までも翻訳や色変更が行えるようなボタンをCMSにて作成出来るようにしました。

FONTPLUSを導入したCMS(bingo!CMS Enterprise)の管理画面

※本記事公開時(2014/01/29)での情報です。
※本サイトで記載されている会社名および商品・サービス名は各社の登録商標または商標です。