投稿

ラベル(design)が付いた投稿を表示しています

フォントのファイル形式とProN、UD書体の意味を理解する

モリサワフォントディクショナリーに書いてあったことが有用だったので調べ直したときの覚書。 参考サイト フォント - Wikipedia ファイル形式(新しい順) OpenTypeフォント 1997å¹´4月にv1発表。最新版v1.8.2 TrueTypeをベースにPostScriptを収録できるようにした形式。 汎用性があり現在主流。 TrueTypeフォント AppleがPostScriptに対抗して開発。1990年初版発表。 Windows環境で標準的なフォント形式として採用された。 MacはTrueTypeとPostScriptを両立。 現在はTrueTypeとPostScriptを両方扱えるOpenTypeが主流。 PostScript(CID/OCF)フォント Adobeが開発。PostScript言語によるアウトラインフォント。 時期はPostScript言語が1985年に発表されて間もなくだと思う。 当初は革命的だったがライセンスが高すぎてTrueTypeフォントの開発が進んだ。 OCFフォントとその後継のCIDフォントについてはwikipediaが分かりやすい OCFフォント - Wikipedia ProN、Pr6Nの意味 「N」が付くのはJIS2004に対応したOpenTypeフォント。 従来のJIS90と字形が違う。 「Pro」「Pr6」はAdobe-Japan1の規格の違い。 「Std」はAdobe-Japan1-3、「Pro」はAdobe-Japan1-4、「Pr6」はAdobe-Japan1-6。 規格が増えていくと収録フォント数が多くなる。 新規作成する場合は最新規格でJIS2004に対応した「Pr6N」を使う。 UD書体 ユニバーサルデザイン書体(Universal Design)の略。 9と6、Iとlと1のような似た字体の違いを明確にして視認性と判読性を重視した書体。 高齢や外国の方にも読みやすいということで、広報誌などにはUD書体を使用していこうという流れ。 【関連記事】 TrueType, PostScriptなどFont関連用語とFont一覧表示

Adobe Illustratorのデフォルトのフォントを小塚から変更

 ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãƒ•ã‚©ãƒ³ãƒˆãŒæ¯Žå›ž「小塚ゴシック」になっているを変更したときの覚書。 環境: Windows 10, Adobe Illustrator 25.2.1 参考サイト Illustrator でのフォントの使用 C:\Users\(User)\AppData\Roaming\Adobeの下にバージョンごと複数フォルダがあるが、最新を参照していると思ったがそうではなかった。 最新だけ残しあとは削除。 参考サイトの手順に従いWeb.aiの標準文字スタイルを変更して上書き保存。 新規作成してみるとデフォルトが変わっている。 【関連記事】 3つ折りリーフレット(A4)作成。Illustrator CCでトンボとガイド設定

HDRとは?デザインとHDRモニター

2年前に買った BenQ SW271 (14万円)がHDR対応していて、今回買った Eizo ColorEdge CS2740 (18万円)がHDR対応していなかったので、 「デザインするときにHDR対応モニターは必要なのか?」 と思って調査したときの覚書。 HDR(High Dynamic Range:ハイダイナミックレンジ)とは HDRは明るさ(輝度)の幅を広く表現することができる規格名称。 EIZOの解説ページが分かりやすい。 よくわかる、HDR徹底解説! HDRとは | EIZO株式会社 「HDR時代」到来 テレビからiPhoneまで、HDRの現状を分かりやすく解説 | EIZO株式会社 簡単なまとめ 現在主流なのはSDR(Standard Dynamic Range)。 HDRはSDRの100倍の輝度幅を表現できる。 人の目に映るコントラスト感を表現できるので リアルな画像/映像 となる。 → 逆光でも人の顔が潰れずに表現できる。 → 人の目の感度はHDRよりさらに輝度幅は大きい。 iPhone X以降の「Super Retina」からHDR対応。 参考: iPhone X、iPhone XS、iPhone XS Max の Super Retina ディスプレイや、iPhone 11 Pro、iPhone 11 Pro Max の Super Retina XDR ディスプレイについて - Apple サポート HDR対応といっても 製品によってその性能はまちまち らしい。 カメラ撮影のHDRモードは、複数の露出で写真を合成して見た目に近づける技術。 デザインにHDR対応モニターは必要か? 結論からいうと制作物次第。 コロナの影響でHDR対応テレビが売れているらしい。 YouTubeでも HDR動画をアップロード可能。 必要に応じてSDR動画に変換される。 参考: ハイ ダイナミック レンジ(HDR)動画をアップロードする - YouTube ヘルプ 動画制作はHDRが主流になるので対応撮影機材とディスプレイは必要になると思う。 ウェブデザインの現場では影を持ち上げる画像処理をしているので、HDR向けの特別な画像処理は必要ないと思う。 画像処理は(HDRディスプレイだと明るく見えるので)SDRディスプレイで加工して、iPhone X以上のSuper Re...

Adobe Illustratorでウェブデザインをする際の設定

ウェブデザインをするときに座標の小数点をなしに設定できないかと調べたときの覚書。 環境: Adobe Illustrator 2020 下記サイトを参考にした IllustratorでWeb向け、ピクセルベースの作業を行う上での設定(完全版) - DTP Transit 新規作成時 幅:1280px, 高さ:2000px 裁ち落とし: 0px カラーモード: RGBカラー ラスタライズ: スクリーン(72ppi) プレビューモード: ピクセル 作成直後 アピアランス: 「新規アートに基本アピアランスを適用」のチェックをはずす 表示 → 定規 → 定規を表示(アートボード定規) 作業中 座標が小数点にならないように 線は内側 その他、気付いたら追記予定。 【関連記事】 PostScriptとPDF/Xとプリンタ

Facebookのイベント用カバー画像サイズ

Facebookにイベントを作成するときにスマホで見た時もいい感じになるように画像サイズの仕様を調べたときの覚書。 基本は1200x628ピクセルで作成する。 イベントにカバー写真を追加するにはどうすればよいですか。 | Facebookヘルプセンター PCで表示したときに計測したらサイズは500x262だった。 スマホだと16:9にトリミングされるので横幅が1116pxになる。 【2023/05/18 追記】 ヘルプが更新されていた。 ページのプロフィール写真とカバー写真のサイズ | Facebookヘルプセンター

Illustratorでリボン作成

イメージ
四角形をデコレーションするときによく使うリボンの覚書。 (下書きとして眠っていた記事) 環境: Adobe Illustrator CC 2017 参考サイト Illustratorで(手抜き)ななめがけリボンの作り方 | 鈴木メモ 出来たのはこんな感じ。広報誌の裏面。あと一歩何かが足りない気がする。 < Related Posts > 3つ折りリーフレット(A4)作成。Illustrator CCでトンボとガイド設定

iframeのGoogleマップを印刷したときに中心にしたい(特にIEとEdge)。けど印刷時の余白を設定して諦めた。

イメージ
病院や組織のホームページを作っていて「確認してください」というと、ウェブサイトを印刷して紙で確認(回覧)する。 レスポンシブデザインを採用していると、A4で印刷すると横幅が狭くなるので「ここで改行してほしくない」と言われることもある。ウェブ上で完璧に仕上げてもそもそも画面で見ていない。 「画面ではぴっちり収まってます。普通は印刷しないので大丈夫です。」 と言う前に出来るだけ印刷してもいい感じになるようにしたときの覚書。 まずはブラウザごとにデフォルト値が違う余白の設定。 これだけでだいぶ違う。 参考: @page - CSS | MDN @page {    margin: 5mm; } あとは @media print を使って地道に調整していく。 @media print {    #nav-area {display: none;} } 特に困ったのが画面の横幅いっぱいにiframeでGoogleマップを表示しているページ。 印刷すると左部分しか表示されない。特にIEとEdge。Google Chromeは中心まで表示されるから許せる。 印刷したときのイベントを取得してJavaScriptで制御しようとしても、再表示やsrcの置き換えをしようとしてもうまくいかない。 参考: Detecting Print Requests with JavaScript iframeではなく Google Maps JavaScript API を使ってsetCenterすれば出来るかもしれない。けど 使用制限 があるので、普通のホームページで使いたくない。 拡大、縮小など試してみたけどダメ。 中途半端は逆効果になるのでやめた。 どうしても見た目通りに印刷したい場合は、サイズ固定の別ウィンドウを表示した方がよさそう。 もしくはウェブサイトを(サーバー側で)PDFにして表示してもいいかもしれない。 < Related Posts > Bootstrap3のWEBページを印刷してもいい感じに PHPでPDF生成するためにwkhtmltopdfをインストール

FoundationのBlock GridをBootstrapで使う

イメージ
前に調べたCSSフレームワーク「Foundation」のBlock GridをBootstrapで使いたくなったので調査したときの覚書。 環境: Bootstrap v3.3.7 参考 Block Grid | Foundation Docs GitHub Gistで公開されているのが使いやすかった。 Foundation 5's block grids for Bootstrap 3. | GitHub 画像サムネイル+タイトルをいい感じに並べるのに便利。 < Related Posts > CSSフレームワーク「Foundation」

CSSフレームワーク「Foundation」

イメージ
今のところ Bootstrap v3 を便利に使っているけども、「 Foundation 」というCSSフレームワークを知らなかったので調査したときの覚書。 参考 CSSデザインはComponents指向になって、BeMはなくなる?〜Web Components時代のCSSデザイン(座談会)に参加してきた〜 #html5exp | Developers.IO Foundationとは? | 基本 | Foundation5の使い方 Foundationの理解(Bootstrap v3との比較) IE9以上(IE8には対応していない) Sass 単位はem Block GridがECサイトで便利らしい。 参考: FoundationがBootstrapよりもECサイトに向いている理由 - Welcart カスタマイズ 今までの資産を捨ててまでFoundationに切り替える理由はなさそうだけど、 公式サイトのShowcase はデザインの勉強になる。 < Related Posts > Bootstrap3のWEBページを印刷してもいい感じに Twitter Bootstrap利用サイトでIE8だとimgが表示されない

PostScriptとPDF/Xとプリンタ

イメージ
手持ちのプリンタで出来るだけ高品質(デザインした通り)に印刷したいと試行錯誤しているときの覚書。 環境: Windows 10 Pro 64bit, Canon カラーレーザープリンタ Satera LBP841C 基本的な用語や仕組みを理解するのにこの本が参考になった。 カラー図解 DTP&印刷スーパーしくみ事典 2016 | Amazon   目次 PostScript対応プリンタでないと駄目なのか? PostScriptとは PostScriptからPDF/Xへ Adobe PDF Print Engineとは で、結局どのプリンタがいいの?   1.PostScript対応プリンタでないと駄目なのか? A3対応しているカラーレーザープリンタが欲しくて Canon Satera LBP841C を買った。7万5000円ぐらい。 なかなか色味がデザインした通りにならないと思って調べてたらPostScript対応していないと駄目という情報が。 PostScript 対応(ポストスクリプト)と非対応のプリンターの違... - Yahoo!知恵袋 LBP841CはPostScript未対応。 LIPSというキャノン独自のページ記述言語。 キヤノン:Q&amp;A検索|【レーザービームプリンター】LIPS4、LIPS LX、CAPT、CARPS2の違い ポスターとパンフレットは印刷業者に発注するけど、A4の広報誌ぐらいは手持ちのプリンタで納品したい。   2.PostScriptとは Adobe社が開発したページ記述言語(PDL)。 PostScript - Wikipedia プリンタ側で描画処理をするのでPC側の負担が少ない。 Adobe Illustrator は元々PostScript編集ソフトウェアだったので、そのままプリンタに送信でき、ディスプレイで見たままを紙で再現出来るようになり DTP(Desktop Publishing) が普及した。 PostScriptは透明処理が表現できない。だから昔のillustratorには透明機能がない。 下記サイトの説明が分かりやすい。 猫でもわかるPostScriptとPDFの昔話 - ちくちく日記...

CanonカラーレーザープリンタLBP841Cで高品質印刷(透過PNGの背景色が付くのを回避)

イメージ
作った広報誌PDFがデザインしたカラー通りに印刷できないので、試行錯誤しているときの覚書。 環境: Windows 10 Pro 64bit, Adobe Acrobat Pro DC 2015.017.20053, Canon LIPSLX Printer Driver 21.80 まず透過PNGの背景に色が付く現象。 ↓普通に印刷すると画像の周りに四角い枠が表示されている。 これは印刷品質 → 処理オプション → グレー補償を「使わない」に設定(「すべて」に設定しても四角い枠は消えなかった)。 そうすると色が全体的に暗くなる。試行錯誤の結果、下記設定で高品質な印刷が出来るようになった。   PDFから印刷。カラープロファイルの埋め込み有りのデータ。 まずは印刷ダイアログの詳細設定からカラーマネジメントの設定を「ソースと同じ(カラーマネジメントなし)」を選択。 「プリンタカラーマネジメント」を選択すると見出しと写真が重なる部分に枠が表示された。   次にプリンタドライバの設定。 標準設定から印刷品質を次のように変更。 処理オプション 解像度: ファイン(600dpi) スーパーファイン(1200dpi) 階調: 高階調2 (スーパーファインにすると選択できない) 中間調: 解像度 TypeWing機能: 使わない イメージ加速処理: 最小 グレー補償: 使わない キャノファイン: 使わない   色設定 マッチングモード: デバイス補正モード イメージ マッチング方法: 色差最小 VIVIDフォト モニタ・スキャナー設定: sRGB v3.0 (Canon) グラフィックス マッチング方法: 色差最小 モニタ・スキャナー設定: sRGB v3.0 (Canon) テキスト マッチング方法: 色差最小 モニタ・スキャナー設定: sRGB v3.0 (Canon)   その他試したこと 詳細設定のカラーマネジメントを「プリンターカラーマネジメント」にしてICCプロファイルをプリンタに送信して、プリンタの色設定で「ICMモード」で印刷すれば一番いい感じに出来ると思ったけど、赤みが強すぎて駄目だった。 「Acrobatカラーマネジメント」を選択して埋め込まれているカラー...

Acrobat DCでPDF内のRGBをCMYKに変換

イメージ
毎月作っている広報誌を印刷すると微妙に色が違う(白っぽくなる)ときがある。「今月はレーザープリンタのご機嫌が悪いなー」と思っていたけど違った。 InDesignからPDF出力するときにカラー変換しないとRGBのままになっているオブジェクトがある。 デザイナーが作ったInDesignファイルはフォントがなくて修正出来ないので、出力したPDFをCMYKに変換する方法を調べてみた。 環境: Windows 10 Pro, Adobe Acrobat Pro DC 2015.017.20050 参考サイト AcrobatでのPDFのチェック | 株式会社 黒須印刷 Acrobat DCで「ツール」 → 「印刷工程」を追加しておく。   1.出力プレビューでRGBがあるか確認 印刷工程 → 出力プレビューを選択 元PDF   表示を「デバイスCMYK」に変更   表示を「デバイスCMYKではない」に変更。「RGB」でもいい。   2.RGBをCMYKに変換 印刷工程 → 色を置換を選択 変換後は再度印刷プレビューで確認 これで画面とほぼ同じ色合いで印刷できるようになった。出来るならInDesignでPDF出力するときに設定した方が良さそう。   デザイナーの人に聞いたら、InDesign上はCMYKでデザインしているから出力するときは気にしないらしい。 そういうもの?   < Related Posts > 3つ折りリーフレット(A4)作成。Illustrator CCでトンボとガイド設定

3つ折りリーフレット(A4)作成。Illustrator CCでトンボとガイド設定

イメージ
3つ折りリーフレット(A4)を作成したときの覚書。 環境: Windows 10, Adobe Illustrator CC 2015.2.1 英語 前はIllustrator(.ai)形式のテンプレートをダウンロード → 編集 → データ入稿の流れをやっていたけど、最近はPDF入稿が主流らしい。 DTPテクニカルガイド | PDFの特長     参考サイト イラストレータのトンボの作成方法と使い方|DesignTips Illustratorの入稿で不備をなくす12のチェック項目! | 印刷ナレッジノート   目次 新規作成 Illustratorの設定確認 トリムマーク(トンボ)作成 ガイドを作成 折りトンボとガイドを作成 裏面用アートボード作成 テンプレートとして保存   1.新規作成 こんな感じで新規作成する。   2.Illustratorの設定確認 Edit → Preferencesで下記設定が有効になっているか確認する General: Use Japanese Crop Marks … 日本式トンボ使用 Type: Show East Asian Options … 縦中横とか選択出来るように 印刷物(DTP)やるときUnitsは「mm」で。   3.トリムマーク(トンボ)作成 四角形ツールで適当なところをダブルクリック Width: 297mm Height: 210mm 作成。色は付けない。アートボードに合わせてEffect → Crop Marksでトリムマークが表示される。 Object → Create Trim Marksでも出来るけど、どっちがいいかはそのうち追記予定。 このレイヤーを「Trim Marks」としてロック。   4.ガイドを作成 新しいレイヤーを作成して同じ大きさで四角形を作る(断裁用)。 アートボードに揃える。 Object → Path → Offset Path...で「3mm」(塗り足し用)と「-3mm」(文字切れ用)を作成。 3つとも選択して、View → Guides → Make Guidesでガイドになる。 このレイヤーは「Gui...

ウェブ、アプリの画面デザインを「言語」として考える「Material Design」

イメージ
Google I/O 2014で発表されたデザインガイドラインが凄い。 Google Design Google の新しいデザインガイドライン「Material Design」 | Developers.IO プログラミング言語のようにオブジェクトの形や色や動きでユーザーにこちらの意図を理解させる。たぶんそんな考え方。 UML(Unified Modeling Language) の考え方に似ている気がする。 機械と違って人はそれぞれ見え方・捉え方が異なるので、一つの表現で意図したことを伝えるのは難しい。その共通項を精査する作業は大変。 Google先生はそれらを学問として捉え、体系的に考えて、分かりやすくまとめて公開までしちゃっているのが凄い。尊敬する。 目次と自分用リンク。読んだら追記予定。 Material Design 導入。Material Desginとは。(Introduction) アニメーション (Animation) 明確な動き (Authentic Motion) キビキビした反応 (Responsive Interaction) 意味のある変化 (Meaningful Transitions) 細部まで気持ちよく (Delightful Details) スタイル (Style) 色 (Color) ダウンロード:「Color Swatches」 ダウンロード:「Light」「 Dark」テーマ 読みやすい文章 (Typography) ダウンロード: 「Roboto font」 アイコン (Icons) 画像 (Imagery) レイアウト (Layout) 原則 (Principles) ダウンロード:サンプル集「Desktop Template」 方眼紙と軸になる線 (Metrics and Keylines)   ダウンロード:「Mobile Layout Template」 ダウンロード:「Tablet Layout Template」 ダウンロード:「Desktop Layout Template」 構造 (Structure) ダウンロード:ワイヤーフレーム集「Whiteframes」 コンポーネント (Components) 下部シート (Bot...

iPhone, Androidの画面設計(Wireframe)用Free素材を探す

イメージ
iPhone, Android Appを設計するにあたり、Wireframeを作成するための素材を集めたときの覚書. 前の記事 で紹介したようにGoogle Docからtemplateを検索してもWireframeっぽいのが見つかる。 参考Site. WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ|designaholic -Creative Column- Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報*ホームページを作る人のネタ帳 下記SiteからiPhone, AndroidのUI ComponentがDownload出来る。 Android GUI PSD (High-Density) | Downloads | Teehan+Lax iPhone 4 GUI PSD (Retina Display) | Downloads | Teehan+Lax Blogspark | Blog Archive | Fireworks toolkit for creating iPhone UI mockups 結局、Fireworksを使って一からWireframeを書いた。Adobe Official Siteに作成方法があるので参考に。 Fireworks ヘルプ | Fireworks ページを使用した Web サイトとインターフェイスのプロトタイプの作成 このFireworks拡張機能はInstallしておくと便利かも。 数値入りアタリ画像を作成できるFireworks機能拡張 Placeholder | ブロックワークス Placeholder - Adobe Fireworks Extensions, Commands and Panels - johndunning.com     < Related Posts > Google Docsの図形描画を使って画面設計する(Wireframe)

Font選びで困ったときのための覚書

イメージ
あとあと役に立ちそうだったので覚書。 ウェブデザイナーに人気のある有料・無料のフォント ベスト10 | コリス 漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版 | コリス 個人的にはAndroid 4.0から採用されたRobot Fontが小さくて見やすいので好き。Download, Installは下記Siteを参考に。 Roboto Font | Google's Android Font Typography | Android Developers   < Related Posts > TrueType, PostScriptなどFont関連用語とFont一覧表示 Windows用のフォントをMacで使えるか調査

Adobe Digital Publishing Suite (ADPS)とProBridgeDesigner(PBD)の比較

イメージ
社内配信向けiPad Appを作成するために Adobe Digital Publishing Suite を利用しようとしたけど、Enterprise Editionが高価すぎたので、ProBridgeDesignerを調査。 ProBridgeDesigner は 株式会社プロフィールド が開発、販売しているInDesignのPlugin + Developer Kit. 下の表は 社内配信 用の iPad Appを作成するための比較表。両者ともEditionが複数あり、機能や金額が違うので、それぞれの担当者に詳細を聞くなりDemoを見た方がいい。   PBD Pro iPad ADPS (Enterprise) 特徴 ADPSに比べて圧倒的に安い APIを使って独自のViewerを作成可能 InDesignのPlugin自体は無料 InDesignで作成した後は、Adobe Server上で管理 ViewerのCustomizeも別途対応可能 主な流れ 1. InDesignで作成 2. Pluginを使ってpdb形式に変換 3. 付属Utilityを使ってiOS Appに変換    (Xcodeの事前Installが必要)  4. Xcodeを使ってPreview 5. 通常のiOS Appと同様にApp申請 1. InDesignで作成 2. Pluginを使ってfolio形式に変換 3. folio fileをAdobe ServerにUpload 4. Web管理画面でApp作成 5. Web管理画面でApp申請 金額 Plugin 約30万円 Developer Kit 約50万円 保守 約14万円(/å¹´) ...

Adobe InDesign CS5.0を利用したiPad App開発環境を整える。ADPSの関連Link集

イメージ
Adobe InDesign + Adobe Digital Publishing Suite (ADPS)を利用してiPad Appを作成したときのMemo. 概要は 前の記事 を参照。 環境: Max OS X 10.7(Lion), Adobe Creative Suite 5.0 Design Premium(英語版) 参考にしたのはApp Storeで配信されている ADPS GUIDE 。このAppに作成からiPad Appになるまでの手順が分かりやすく解説されている。 Adobe Digital Publishing Suite マニュアルとSampleのアセットデータは下記Siteで配布されている。 活用ガイド | ADOBE DIGIPUB MAGAZINE その他参考になったSiteはこれ。 TIPS | ADOBE DIGIPUB MAGAZINE SlideshowなどのSampleをInDesign形式でDownload出来る (Adobe Official) InDesign Docs InDesign関連の最新情報を配信している公式Blog Digital Publishing Gallery InDesign + DPSで作成されたAppが紹介されているGallery 書籍「ADPS &amp; EPUBがやってくる InDesignで作る電子書籍」のサポートと、InDesignで作る電子書籍の情報を発信するブログ この本買おうかな・・・。 Digital Publishing Technology Center | Adobe Developer Connection DPSの技術関連情報はここが一番情報が豊富。英語だけど。 AdobeTV | Digital Publishing 機能紹介などの動画多数. 遅くて見てられない。     以下簡単なiPad Appを作成するまでの手順 1. Adobe InDesignにDigital Publishing Suite用のPluginをInstall 下記Official...

Adobe Dreamweaverを使うと開発効率が良くなるか調査

イメージ
Adobe Dreamweaver CS5.5はMobile Device向けの機能が強化されたり、CMS(WordPressのTheme)開発も簡単に出来るらしいので、実際使えるか調査。 ちなみに私がWeb開発するときに使う主なToolは下記。VMware Fusion以外は全て無料。 Xyzzy … Emacs likeなWindows向けText Editor Subversion + TortoiseSVN … Version管理 FileZilla … FTP Client Firefox + Firebug … 動作確認とDebug Google Chrome + Developer Tools … 動作確認とDebug VMware Fusion or VMware Server … 仮想PC上でIE7, IE8を確認 Dreamweaverはこれらが1つのSoftware上で実現している感じ。だけど、それぞれの機能は専用Softwareには敵わない。機能一覧はOfficial Siteが分かりやすい。 購入ガイド | Adobe Dreamweaver CS5.5 使いこなすにはHTMLやCSSの知識は必須なので中級者向け。Dreamweaverを買ってSiteを構築しようと思っている人がいたら、 Google Site や みんなのビジネスオンライン をオススメしたい。 ただ、Dreamweaver周りの技術系Siteには役に立つ情報が結構多い。 Adobe HTML5 特設サイト Dreamweaver CS5.5 と HTML5 で始めようスマートフォン&タブレット対応| Adobe - 日本 スマートフォン時代のWebサイト制作 第3回 スマートフォン向けのコーディング | デベロッパーセンター ブラウザーテスト | Adobe BrowserLab HTML, CSS, PHP, JavaScriptをしっかり勉強したあとでEditorとして利用するのは「あり」だと思う。   < Related Posts > VMware FusionにVirtual Machine...

PDF出力をしようとすると"GothicBBB-Medium not found"

イメージ
印刷からPDF出力しようと Adobe Acrobat X Pro の体験版をInstallしてハマったときのMemo. 環境: Windows XP SP3 32bit, Adobe Acrobat X 10.1.1, AMP Font Viewer 3.86 やろうと思ったのはFont一覧の作成。詳しくは 前の記事 を参照。 Acrobat(PDF出力用Printer Driver)のInstall → AMP Font Viewer から印刷 する時にPDFにFont情報を埋め込みたいので下記のように設定 "PDF 設定"を"雑誌広告送稿用"に "システムのフォントのみを使用し、文書のフォントを使用しない"のCheckをはずす。 実行すると、下記Logが出力されてPDFが作成されない。 %%[ ProductName: Distiller ]%% %%[ Error: GothicBBB-Medium not found, using Font Substitution. Font cannot be embedded. ]%% %%[Page: 1]%% %%[Page: 2]%% %%[ Error: invalidfont; OffendingCommand: xshow ]%% Stack: [268 268 0] (ï¼­ï¼³ ) %%[ Flushing: rest of job (to end-of-file) will be ignored ]%% %%[ Warning: PostScript error. No PDF file produced. ] %% 調べてみる と、代替Fontに"GothicBBB-Medium"が設定されているのが原因らしい。解決方法は プリンタとFAX → Adobe PDFを右Clickでプロパティ → デバイスの設定 "フォント代替表"の中にある"中ゴシックBBB"を"<Don't Substi...