WEBフォント

こんにちは、Kome（@chankomeppy）です。 ブログデザインのマイナーチェンジをしたので記録を残しておきます！ 当ブログではどの端末からでも文字のフォントが同じように見えるようにWebフォントを使用しています。今回はじめてAdobe Fontsを使用しましたので、そのまとめです。 ▼目次はこちら （クリックして表示） 無料Webフォント Google Fonts Adobe Fonts Adobe Fontsの追加方法 注意事項 さいごに 無料Webフォント Webフォントとは、インターネット上で配布されているフォントを呼び出して使用する技術です。 昔は、サイト作成者がフォントを指定…

文字の見た目を端末に依存させない このブログでは、Webフォントで文字を表示しています。 以前はWebフォントを使わずに文字設定を変えていました。見られる環境の人だけに表示されていればいいやという感じでした。 というのも、Webフォントを使わない場合は、表示する端末にその文字が登録されていないと、いくら設定しようがその見た目で表示することはできません。 逆に、Webフォントを使えば、どの端末でも同じ見た目の文字を使えるようになります。

特に記事内容とは関係ない、アサイーのイラストです WEBフォントをユニバーサルデザインフォントに変えました。 「みんなの文字」というものです。 なんと無料のユニバーサルデザインWEBフォントが存在するとは… これで、見やすく、目に優しくなったと思います。↓これを使いました。 minmoji.ucda.jpこれは無料であるかわりに、サイトのどこかに「認定シール」をいれないといけない という決まりです。私はダッシュボード→デザイン→カスタマイズ（スパナのボタン）→サイドバー→「モジュールを追加」でHTMLを選択→メールで送られてきたタグを設置しました。サイドバーの一番下に「認定シール」が見えるかと…

お疲れさまです。POTTIRIです。クロスワードを自動生成するプログラムを作成していましたが、完全にワード・サーチ・パズルを作るプログラムに方向転換しました。 kotobank.jp pottiri.techよく考えたらクロスワードって考える時間が長いからWEB向きじゃない気もするし・・・。幸いクロスワードのプログラムが活かせるので、かなり短期間に完成できそうです。プログラムでワード・サーチ・パズルのお題を作って、それを集めたサイトを作ろうと思います。ですが・・・、サイトにどうしても必要な機能・・・一覧とかカテゴリとかSNSシェアとかを全部自分で作るのは手間だなあ・・・って。なのでワード・サー…

年間定額制フォントサービス「LETS」からデザイナーを目指す学生の教育支援を目的とした学生向けサービス「学生向けLETS」が990円（税込み）で新登場、学生限定タイポグラフィコンペも開催！ 「学生向けLETS」 特長 「学生向けLETS」 製品概要 『タイポグラフィ・アワード presented by フォントワークス×ViViViT』開催 フォントワークス関連記事：フォントワークスが2月16日に年間定額制フォントサービス「LETS」を新生！新LETS提供開始 フォントワークス関連記事：フォントワークスが無料で使える「SILオープンフォントライセンス」として、「Google Fonts」へのフ…

フォントワークスの年間定額制フォントサービス「LETS」のオプションとしてアプリ・ゲームにフォントを組み込んで使用できるライセンス「アプリ・ゲーム組込オプション」と「ゲーム組込オプション」を提供開始 「アプリ・ゲーム組込オプション」「ゲーム組込オプション」製品概要 フォントワークス関連記事：フォントワークスが2月16日に年間定額制フォントサービス「LETS」を新生！新LETS提供開始 フォントワークス関連記事：フォントワークスが無料で使える「SILオープンフォントライセンス」として、「Google Fonts」へのフォント提供を2021年1月15日から開始。無料で8書体をダウンロードしてフォン…

内容 Webを支える技術でのインプット 30分程度 275ページから282ページ HTML/CSSの基本でのインプット 70分程度 104ページから129ページ Progate（JavaScriptコース）でのインプット 40分程度 JavaScriptⅠのみ終了 Webを支える技術のメモ 第16章：書き込み可能なWebサービスの設計 16.3 バッチ処理 前提 大量のリソースの作成や更新を行う場合、サーバへの接続回数の問題でパフォーマンスが落ちる この場合はリソースの処理を一括で扱えるようにWebサービスを工夫する必要がある バッチ処理のリクエスト JSONなどの形式で一括でリクエストを行う…

ダウンロードは「リンク」のそれっぽいところから。 更新 OpenTypeにPr6Nを追加 JIS90のOpenTypeをProからStdに切り替え TTEditのバージョンアップに伴いTrueType版のファイルフォーマット切り替え 古いMS明朝準拠だったのがWindows10準拠になった 作成可能な文字数が増えた(基本多言語面を超えてます。古いシステムでは注意？) 等幅フォントの文字幅が一部の文字で変更された(というか、直った) Windows2000,MacOS_X_10.3までへの対応を終了 使用方法説明書を改訂 フォント素材の未公開分,ツール,説明書を同梱 『闇夜』『昆布出汁』も作成継…

ダイナフォントの「甲金文体」の エコバッグがもらえる「ダイナコムウェアSNS 2021 summerキャンペーン」が7月19日から開催中 過去と現代をつなげる文字「甲金文体」 甲金文体紹介記事 文字で日常を彩る「甲金文体エコバッグ」 「ダイナコムウェアSNS 2021 summerキャンペーン」概要 甲金文体を含むダイナフォントの全ての書体が使用できるダイナフォントのサブスク「DynaSmart V」 ダイナフォント年間ライセンス「DynaSmart V」紹介記事 「ダイナコムウェア DynaSmart V PC1台1年 カード版(新規・更新兼用)」Amazonでの購入はこちら 「ダイナコムウ…

より最適にWebフォントを読み込むために、非同期で読み込む事も出来きるライブラリ

こんばんは、小村だよ！ 前回の記事で作成したWebデザインがこちら！！！ そしてここ１週間ほど実装を進めて、ひとまずモックができまちた！！！ 作成中のサイト：Little Village みって！！！ ほらみって！！！！！マジマジとみて！！！ どう！？！？結構いい感じじゃない！？！？！？ はい！そんなわけでしばらく、現段階までの苦労した点を記録しまーす！ 今回はNuxt.js全体で使用するフォント関係について記載するよ！ 目次 Fontの変更方法 v-iconの使用アイコン変更方法 記録 Fontの変更方法 まずはFont関連について書いていくね 私はGoogleフォントの下記を使用しています…

Da Vinci Studio 第 2 サーバー部、社会人 2 年目の吉延です。 今回は最近開発してリリースしたばかりの 『ごっこランドTimes』で行った Core Web Vitals(CWV) 数値、その中でも First Contentful Paint(FCP) と Largest Contentful Paint(LCP) 数値の改善に焦点を当てた施策について紹介します。『ごっこランドTimes』は子どもの興味・関心を伸ばし、親子で一緒に楽しめる情報が満載のメディアです。Web フレームワークとして Ruby on Rails を用いて開発しています。 背景 SEO 対策はサイトへ…

やったぜｗ てなわけで Google Fonts なんかも適用できますＹＯ！ウッシッシ。 但し、長押しでのブックマーク登録が不可なのでPCで編集してSyncによる同期がお勧め、実行方法も以前とは違い Android版Chrome と同様にひと手間かかるんですけどね... ブックマークレット名の先頭に aaa とか付ける（※ 検索しやすいように） アドレスバーをタップ aaa と入力して表示されたブックマークレットをタップ 下記もご笑覧ありたし m(__)m 拙作めも : 【超私的】スマホ(Android)版Firefoxで使えそうなブックマークレット Google Fonts（Webフォント）…

Webフォントサービス「FONTPLUS」が日本語約物が連続した際の「アキ」を調整する新機能をリリース 「アキ」を調整する新機能を提供の背景 対応する約物の組み合わせ 利用方法 関連記事：FONTPLUS和欧混植Webフォントサービスを開始 関連記事：最大書体数のWebフォントサービス「FONTPLUS（フォントプラス）」 関連記事：SEOに適したWebサイト構築Webフォントのまとめ 関連記事：Webフォントの基礎から最適化まで解説した一冊 「誰でもつかえる！ウェブフォント実践マニュアル (技術の泉シリーズ（NextPublishing）)」Amazonでの購入はこちら 「誰でもつかえる！ウ…

TPスカイ クラシック ローコントラスト 抑揚サンセリフ体「TPスカイ」紹介記事 「TPスカイ モダン Blk」紹介記事 フォント・書体関連情報：Amazonで購入できる、おすすめフォントパッケージはこちら TPスカイ クラシック ローコントラスト タイププロジェクトは、スクリーン表示に最適なフォント「TPスカイ」ファミリーに、フォーマルな場面における用途の拡大を目指し、均整の取れた楷書のプロポーションを取り入れた「TPスカイ クラシック ローコントラスト」を追加したことを発表した。 「TPスカイ クラシック ローコントラスト」は、2021年6月21日からタイププロジェクトのサブスクリプション…

中国の規範を満たした書体シリーズとして方正電子と共同開発の筑紫書体の簡体字版中国語フォントを「方正LETS」に2021年6月22日から収録開始 筑紫書体シリーズ簡体字版の特長1：中国の国家文字規範の筆形に合わせたデザインで中国へ展開する製品にも使用可能 筑紫書体シリーズ簡体字版の特長2：中国国内の書体規格に対応 LETS 方正LETS 中国語フォント：簡体字フォント・繁体字フォントを解説 フォント・書体関連情報：Amazonで購入できる、おすすめフォントパッケージはこちら 中国の規範を満たした書体シリーズとして方正電子と共同開発の筑紫書体の簡体字版中国語フォントを「方正LETS」に2021年6…