ソーシャルメディア DreamweaverのGoogle Webフォントサイトのカスタムフォントを使用する方法 - ダミー

DreamweaverのGoogle Webフォントサイトのカスタムフォントを使用する方法 - ダミー

ビデオ: エックスサーバーでwebフォントをタダで使う方法 プログラミング講座 Wordpress 2025

ビデオ: エックスサーバーでwebフォントをタダで使う方法 プログラミング講座 Wordpress 2025
Anonim

Dreamweaverを使用してサイトにカスタムフォントを追加する最も簡単な方法の1つがGoogleによって提供されます。 Google Web Fontsではフォントのコレクションが限られていますが、フォントはすべて無料で使用できます。次の手順に従って、Google Web Fontsサイトのフォントをページに追加します。

  1. Webブラウザを開き、 GoogleのWebフォントサイト にアクセスします。

  2. 探しているフォントの種類とスタイルを選択して、サイト上のフォントを検索します。

    <! - 1 - >

    検索範囲を絞り込むには、フィルタ(左の列)を使用します。各フォントに表示されるテキストを変更するには、画面の上部にある[プレビューテキスト]フィールドを編集します。

  3. 好きなフォントを見つけて、右下の各フォント名のすぐ下にある青色の[コレクションに追加]ボタンをクリックします。

  4. Webページで使用する各フォントスタイルの横にあるチェックボックスをクリックします。

    <! - 2 - >

    Google Font Directoryのほとんどのフォントは、1つのスタイルしか持っていません。すべてのスタイルを選択するように誘惑されるかもしれませんが、使用するスタイルだけを選択するのが最善です。 Googleが警告するように、選択したフォントスタイルが多いほど、Webページをダウンロードするのにかかる時間は長くなります。

  5. ページを下にスクロールし、ラテン語オプション(英語)を選択します。

    別の言語に追加の文字が必要な場合は、代わりにLatin拡張オプションを選択します。

    <! - 3 - >
  6. ページの下を3つのタブがある青色のボックスまでさらにスクロールします。最初のタブをクリックしてフォントをWebサイトにリンクします。

    Googleは標準、@import、JavaScriptの3つのオプションを提供しています。これらの3つの詳細な説明は、Googleのサイトをご覧ください。 7。他のテキストやコードをウェブページからコピーするのと同じように、Googleの標準タブフィールドからリンクをコピーします。

  7. Dreamweaverで、開いているタグと閉じたタグの間のWebページの先頭領域にリンクを貼り付けます。

  8. Googleのウェブフォントサイトに戻り、ページの下部にフォントファミリの名前をコピーします。

  9. フォントファミリの名前は、[フォントをあなたのCSSに統合]領域で見つけることができます。

    あなたのスタイル定義では、Googleがそれを書いているのとまったく同じフォント名を含める必要があります。コピー&ペーストは、フォント名が一致するかどうかを確認する最も良い方法です。

    Dreamweaverで、フォントを使用するCSSルールにフォントファミリの名前を貼り付けます。

  10. Webページのテキストにルールを適用します。

  11. タグなどのタグセレクタスタイルでフォントを使用する場合、タグをテキストに適用すると、そのフォントがルールの一部として自動的に適用されます。クラスまたはIDスタイルでフォントを使用する場合は、そのスタイルを

    タグやタグなど、テキストを囲むタグに適用する必要があります。

    ページをWebサーバーに公開し、Webブラウザでページをプレビューしてフォントを確認します。

  12. Google Webフォントを使用すると、ライブビューオプションを使用していても、Dreamweaverに表示されるフォントが表示されないことがあります。フォントがページ上で確実に機能するようにするには、FTPを使用してページをWebサーバーに転送し、オンラインで公開された後でそのページをプレビューする必要があります。

DreamweaverのGoogle Webフォントサイトのカスタムフォントを使用する方法 - ダミー

エディタの選択

SketchUpのステータスバー - ダミー

SketchUpのステータスバー - ダミー

SketchUpのステータスバーには、モデリング中に使用するコンテキスト情報が含まれています。モデリングウィンドウの下の狭い情報には、情報の良さが満載されています。コンテキスト固有の指示:ほとんどの場合、ここでは何をしているのかを確認するためにここでチェックします。モディファイアキー(組み合わせて使用​​するキーボードストローク)

スケッチツールにインテリジェントに反応するよう設計されたダミー

スケッチツールにインテリジェントに反応するよう設計されたダミー

ダイナミックコンポーネント(DC) SketchUpが提供する真の魔法に最も近いもの。あなたがそれらを拡大縮小するときに、伸ばしたり歪んだりするのではなく、寸法を変更するはずの部品は、他の部分はしません。

SketchUpの投影テクスチャ曲線にテクスチャを追加する方法 - 複雑な曲線に画像を描くためのダミー

SketchUpの投影テクスチャ曲線にテクスチャを追加する方法 - 複雑な曲線に画像を描くためのダミー

SketchUpのサーフェスには、このメソッドの代わりはありません。地形の塊は、複雑な曲面の良い例です - 凹凸、ねじれ、波紋、多方向。扱っているカーブが単純な押し出しよりも複雑な場合は、この画像マッピングテクニックを使用する必要があります。キー...

エディタの選択

QuickBooks 2013のアイテムリストにSales Tax ItemまたはGroupを追加する方法 - ダミー

QuickBooks 2013のアイテムリストにSales Tax ItemまたはGroupを追加する方法 - ダミー

販売税の対象となる商品を販売する場合、QuickBooks 2013請求書には、これらの売上税を請求して追跡する広告申込情報も含まれます。これを行うには、売上税明細を登録します。販売税項目を登録するには、新規項目ウィンドウを表示し、タイプ...から販売税項目を選択します。

QuickBooks 2012のアイテムリストにサービスアイテムを追加する方法 - ダミー

QuickBooks 2012のアイテムリストにサービスアイテムを追加する方法 - ダミー

QuickBooks 2012でサービスアイテムを使用して、サービスを表すアイテムを購入または請求します。たとえば、CPAは、個人や企業に対して納税申告書を作成します。納税申告書を準備するためにクライアントに請求する場合、納税申告書の請求書に表示される明細はサービス項目です。 ...

QuickBooks 2013のアイテムリストにサービスアイテムを追加する方法 - ダミー

QuickBooks 2013のアイテムリストにサービスアイテムを追加する方法 - ダミー

QuickBooks 2013のサービスアイテムを使用して、サービスを表すアイテムを購入または請求します。たとえば、CPAは、個人や企業に対して納税申告書を作成します。納税申告書を準備するためにクライアントに請求する場合、納税申告書の請求書に表示される明細はサービス項目です。 ...

エディタの選択

WordPressブログのユーザーと著者を管理する方法 - ダミー

WordPressブログのユーザーと著者を管理する方法 - ダミー

WordPressユーザーページには、あなたのブログのすべてのユーザーが表示されます。各ユーザーのユーザー名、名前、電子メールアドレス、ブログの役割、およびブログに投稿された投稿の数が表示されます。フォロワー:このデフォルトロールは、...

WordPress Permalinkをサーバーと連携させる方法 - ダミー

WordPress Permalinkをサーバーと連携させる方法 - ダミー

デフォルト以外のオプションを使用してWordPressサイトのパーマリンクの場合、WordPressは特定のルールまたはディレクティブを.txtファイルに書き込みます。あなたのWebサーバー上のhtaccessファイル。 permalinkによると、htaccessファイルはあなたのWebサーバーと交信して、パーマリンクをどのように提供すべきかを示します。

WordPressブログを修正する方法 - ダミー

WordPressブログを修正する方法 - ダミー

WordPressブログをインストールした後、それがリンクされているウェブサイトに合ったブログ。既存のテーマ(スキン)を変更したり、WordPressをインストールした後に使用できる代替語句を選択することができます。選択したテンプレートがメインWebサイトに似ていることを確認してください。ただし、WordPressは...