日本語Webフォントをサブセット化する方法【ジャギー対応でなめらかに表示】｜名古屋のホームページ制作・Web制作会社｜エーアンドエー｜A&A
こんにちは。 今回は、Webサイトの最適化・高速化に繋がる「フォントのサブセット化」についてご紹介します。 サブセット化する際、なぜかフォントがギザギザ・ジャギジャギしてしまう問題に頭を抱えたので、その対処法もご紹介します。回避方法がなかなか見つけられなかったので、同じように悩まれている方の助けになれば嬉しいです。 サブセット化とは いきなりですが、Webフォント、使ってますか？ Webサイト全体のイメージにも関わってくるのでフォント選びって重要ですよね。 なので、Webフォントは、どの端末・ブラウザでも同じフォントを表示してくれるのでとても助かります！ ただ、Webフォントにはデメリットもあるんです。 それは…重いんです…。 特に日本語のWebフォントは10MB前後にもなるので、読み込みに時間がかかってしまいます。 日本語って、ひらがな・カタカナ・漢字と文字数が多いですもんね。 それなら
(M+とか)ブラウザ, VSCodeで表示が汚くなるフォントを救え！【シェルスクで自動化編】 - Qiita
オープンソースの日本語ゴシック体フォント M+ OUTLINE FONTS1 をWindows上のブラウザ(Firefox, Chromium)のフォントに設定すると、 ガビガビになっている。一部のフォントで発生するこのクソの原因はフォントヒンティング2で、ヒンティング情報をフォントファイルから消せばガビガビは消える。 これをFontforgeを使って手作業でやったのが前回。(必要なことは今話したので、読まなくてもいい) 【Fontforge】ブラウザやElectron系ソフトで表示される文字がガビガビになってる時の解決法と、ヒンティングについて感じたこと 今回はこれを自動化する。 使うもの bashかなんか 自分はWSLのUbuntu 18.04でやっているが、シェルスクリプトが動けば仮想マシンでもMacbookでもUserLAndでもいいと思う。たぶん ttfautohint(GitH
Compassを使ってCSSを書いていますが、突然コンパイルエラー No such file or directory | サイトスパイラル(Sitespiral) - 沖縄で ホームページ制作 / WordPressのことなら
Compassを使ってCSSを書いていますが、突然コンパイルエラー No such file or directory 原因はWindowsのパス最大文字数「260」 Mac/WinにてCompassを使ってCSSを書いていますが、突然、Windowsだけ下記のようなエラーが出てコンパイルができないようになってしまいました。 compass Errno::ENOENT on line [“250”] of C: No such file or directory @ dir_s_mkdir … 原因は、Windowsのパス最大文字数「260」で、それを超えたCompassのキャッシュのパス＆ファイル名が生成＆アクセスできないことが原因でした。Windows10では昔のWindowsの互換のため、わざと制限を付けているようで、下記の設定を行えば制限を解除できるとのこと。ただし、昔のアプリで問
画面操作などをGIFで録画できる「ScreenToGif」を利用して直感的に伝える
Screen To Gifとは ScreenToGifは、矩形で選択したデスクトップエリアを手軽に録画・再生・保存できるツールです。 サイトに対応機種とかは書かれていないのですが、おそらくWindows用のソフトです。 単なるGIF録画ツールならLICEcapでも良いのですが、Screen To Gifは「録画したGIFをその場で再生する機能」があります。 再生機能があると、録画した動作などを、すぐさま確認して、OKかNGかを判断できるので使い勝手が良いです。 その他の利点として、日本語に対応しているとか、 GIFの再生状態・品質を設定できるとか、 ツールの動作を細かく設定できるなどがあります。 このように、使用者に合わせて設定を自由にカスタマイズすることができます。 Screen To Gifのダウンロード 日本語環境でScreen To Gifを使うなら、ダウンロードページから、「Mu
WindowsでSass環境を構築 - Qiita
Sassでコンパイルできる環境と、生成された CSS をWebブラウザで localhost として参照できるようになるところまで。 サーバサイドのことをよく知らない人用。 scss ファイルはすでにチームメンバーが git にコミットしていて、新たなメンバーが参入し、開発環境を構築する、という状況を想定してます。 インストールするものは3つ。 Ruby Sass Nginx（ApacheでもOK） Ruby をインストール Ruby-1.9 から RubyGems（後述）が標準付属となったため、1.9 以上をインストールする。今回は安定版の Ruby 1.9.3-p392 をダウンロード http://rubyinstaller.org/downloads/ インストーラのオプションが3つあるので、「環境変数のPATHに通す設定」にチェックを入れる。 コマンドプロンプト起動 Window
Internet Explorer の古いバージョン (IE9/10) をダウンロードする方法
以前にも紹介したように、Internet Explorer のサポート ライフサイクルが変更され、2016年 1月12日以降、最新バージョン以外の Internet Explorer のサポートが終了します。その関係だと考えられますが、Windows 7 用や Windows Server 2008 R2 用の Internet Explorer 9 /10 のインストール パッケージを入手しようとしても、通常の Internet Explorer の Web サイトやダウンロード センターでは見つからなくなっています。 開発段階での互換性検証や動作確認であれば modern.IE にある仮想マシンを利用するなどの方法がありますが、例えば既存のクライアント マシンのリプレースで他のマシンと揃えるために敢て古い Internet Explorer をインストールしなければならない場合など、ロ
富士通Q&A - [Internet Explorer 10] アンインストールする方法を教えてください。（Windows 7） - FMVサポート : 富士通パソコン
手順1Internet Explorer 11の自動アップデートを停止するInternet Explorer 11の自動アップデートが開始されています。 そのため、Windows Updateを実行すると、Internet Explorer 11にアップデートされます。 Internet Explorer 11の自動アップデートが実行されないように、次の手順で設定を変更します。 Internet Explorerを起動します。 「ツール」（歯車のボタン）→「バージョン情報」の順にクリックします。 「新しいバージョンを自動的にインストールする」をクリックします。 「ユーザーアカウント制御」が表示されます。 「はい」ボタンをクリックします。 「新しいバージョンを自動的にインストールする」のチェックが外れます。 「閉じる」ボタンをクリックします。 「×」ボタンをクリックし、Internet Ex
Windows8.1で回復ドライブを作成USBの作成方法 : 今日からはじめるWindows8.1
こんにちは詩音です 今回はUSB回復ドライブを作成するです ※超重要なことを先に書きます ◆「回復パーティションをPCから回復ドライブにコピーします」ができるタイプのパソコンは USBメモリだけで、回復ドライブだけで工場出荷状態に戻すことができる ◆「回復パーティションをPCから回復ドライブにコピーができないタイプのパソコンは 起動用のUSBメモリになります。出来ないタイプはそもそ手元にOSのDVDがあるはずです ★★★★★回復パーティションと回復ドライブは別物です以下参考に windows8.1の回復パーティションの質問に答えてみる ※※※重要参考記事 ★★★こちらは、パソコン稼働上から、システムイメージバックアップを回復するやり方 Windows8.1のバックアップしたイメージを復元する又はフルバックしたイメージを回復する ★★★こちらは、パソコンが起動しない場合のUSB回復ドライブか
最近はニッケル水素充電池7割記事・・おぃ HP リカバリディスク 再作成 2回以上
2014/01/14 ちょっとだけ更新というか追記だにー 以下の方法でダメな場合 C:\Windows\System32\Rebecca.dat というのがあるタイプだったらそれをリネームか削除でいけましたにゃー HP Mini 110-4120TU で確認しました。できましたー --------------------------------------------------------------------------- HP リカバリディスクの作成が2回以上 出来ないことが判明！！うにに 1回のみだなんて、、なんて嫌がらせ・・・ むむむ、まぁこんなときはググル先生にきいてみるにゃー♪ すぐにそれらしいの発見・・・ガシカシ どーも違うようだ。にゅー RMCStatus.binとか消すというのだけどない。 どーこさがしてもないにゃー！！！ いろいろググル。むむ おっ次はhpdrcu.
Windows上で手軽に起動できるAndroid OS「Windroy」 - 窓の杜
ニュース Windows上で手軽に起動できるAndroid OS「Windroy」 Androidのバージョンは4.0.3、アプリのインストールも可能 （2014/4/22 18:10） 「Windroy」 「Windroy」は、Windows上のアプリケーションとして動作するAndroid OS。Windows Vista/7/8に対応するフリーソフトで、現在作者のWebサイトからダウンロードできる。 面倒な設定などはなく、インストールするだけでいきなり起動できるのが特長。起動するAndroidのバージョンは4.0.3で、タブレット用のユーザーインターフェイスで表示される。マウスカーソルは指型に変化し、マウスの左ボタンを押すと画面をタッチしたことになる仕組み。 仮想の無線LAN“Windroy”を有効にすることで、PCで利用しているネット接続経由でインターネットを利用できる。また、And
ジャンクション作成方法 - GeekなNooblog
ジャンクションとは、簡単に言うとショートカットのようなものです。 C:\Windowsへのジャンクションをデスクトップに作成し、そこをダブルクリックするとデスクトップからC:\Windowsに移動できます。 ショートカットは、移動するための近道みたいなものですが、ジャンクションはそこにあたかも実態があるかのように振舞います。 よくわからないよ・・・って方は気にせずショートカットの強化版とかそんな感じだと思っていてください 今回は2つの方法を紹介します。1つはコマンドを使ってジャンクションを作成する方法、もう1つはドラッグ&ドロップで作成する方法です。 どちらも作成されるものは同じなので好きな方法でどうぞ コマンド派な方(中上級者向け) ダウンロードしてパスの通っているところにjunction.exeを移動して下さい。 Junction v1.05 http://technet.micros
)
Junction
概要 Windows 2000 以降では、ディレクトリのシンボリック リンクをサポートしています。これにより、ディレクトリをコンピューター上の別のディレクトリのシンボリック リンクとして使用することができます。たとえば、D:\SYMLINK というディレクトリで、C:\WINNT\SYSTEM32 がターゲットとして指定されていると、D:\SYMLINK\DRIVERS にアクセスするアプリケーションは、実際には C:\WINNT\SYSTEM32\DRIVERS にアクセスすることになります。Windows では、ディレクトリのシンボリック リンクは、NTFS 接合ポイントと呼ばれます。残念ながら、Windows には接合ポイントを作成するツールは同梱されていません。そのため、Windows 2000 リソース キットを購入する必要があります。このリソース キットには、接合ポイントを作成
Windows XP、Windows 2000、または Windows Server 2003 に最新の Service Pack が適用されていない場合、それらのバージョンの Windows ...
Windows 11 では、デバイスをスムーズかつ安全に実行できるように、最新の更新プログラムを入手するタイミングと方法を決定できます。 この記事は、Windows 11 の更新プログラムの一般的な問題に関する疑問を解決し、トラブルシューティングを行うことを目的としています。 Windows 11をアクティブ化する方法や、Windows 11のインストールがアクティブ化されていることを確認する方法については、 Windows のライセンス認証 . Windows の更新プログラムのインストール時に問題が発生した場合は、 こちらから開始してください。 デバイスを最新バージョンの Windows 11 に更新できない理由はいくつかあります。 以下のヒントは、デバイスに影響を与えている問題を特定するために役立ちます。 開始する前に、デバイスが電源に接続されており、インターネットに接続されているこ
Windows XP / Server 2003 のクリーン インストール後、Microsoft Update でループ - Japan WSUS Support Team Blog - Site Home - TechNet Blogs
If you were looking for MSDN or TechNet blogs, please know that MSDN and TechNet blog sites have been retired, and blog content has been migrated and archived here. How to use this site Archived blogs are grouped alphabetically by the initial letter of the blog name. Select the initial letter from the TOC to see the full list of the blogs. You can also type the name of the blog or the title of the
Windows Serverの重要なデータをクラウドへ自動バックアップ。Windows Azure Backupが正式公開。5GBまでは月額無料
Announcing the release of Windows Azure SDK 2.2, General Availability for Windows Azure Backup and Preview of Hyper-V Recovery Manager - Windows Azure - Site Home - MSDN Blogs 災害時などに備えてデータを安全に保存する場所としてのクラウドが、多くの企業で注目されています。オンプレミスで稼働するサーバであるWindows ServerとパブリッククラウドのWindows Azureを展開するマイクロソフトが、両者をシームレスな形で接続し、クラウドを利用したデータのバックアップとディザスタリカバリの機能を提供するのは当然の戦略といえるでしょう。 Windows Azure Backupは、Windows Serverにバッ
Windows PowerShell 入門（1）－基本操作編
はじめに Windows PowerShell（以降、PowerShell）はシステム管理や自動化に役立つように設計された新しいコマンドラインシェルです。 しかし、ただのコマンドラインシェルではありません。 対話型シェルによるオペレーション シェルスクリプトの実行 を行うことができます。 PowerShellは.NET Frameworkを基に設計されており、コマンドの実行およびスクリプトにおいてその恩恵を十分に受けることができます。これにより、かつてない強力なシェル環境が登場したと言っても過言ではないでしょう。 PowerShellの操作を習得し、システム管理・運用を効率的に進められるようにしていきましょう。 対象読者 システム管理者 PowerShellに興味がある方 必要環境 .NET Framework 2.0以降 Windows PowerShell 対象OS Windows X
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
XMind
ファイル検索に関するヒント
Redirecting
Sending SMTP Emails with Powershell using Authentication