Hatena Blog Tags
はてなブログ トップ
Helvetica
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Helvetica

(アート)
【へるべちか】

1957年に Max Miedinger が Eduard Hoffmannと共に作成したフォント。サンセリフ。可読性に優れる。
ライノタイプ社の書体。

概要

19世紀に生まれた「Akzidenz Grotesk（アクチデンツ・グロテスク）」を完成させるため、より明確性があり、本質的な意味を排除したフォントとして作られた。
元々「Neue Haas Grotesk（ノイエ・ハース・グロテスク）」と呼ばれていたが、国際市場に出す為に分かりやすくするため、出身国の「Swiss（スイスの）」のラテン語読みである「Helvetica」が名付けられた。*1

Mac OS Xには標準搭載されている。

Windows OSに入っている「MS-Arial」はコピーフォント。

コーポレートフォント

様々な企業のコーポレート・タイプとしても世界的に使われている。
Helvetica Font - 40 Excellent Logos Created with Helvetica | Webdesigner Depot

  • BMW
  • Panasonic
  • AGFA
  • Microsoft
  • American Apparel
  • Lufthansa
  • OLYMPUS
  • The North Face

映画

「Helvetica」をめぐるドキュメンタリー映画が2007年9月17日に公開された。
Helvetica (2007) - IMDb

購入・ダウンロード

Helvetica® font family | Linotype.com


ヘルベチカ ~世界を魅了する書 [DVD]

ヘルベチカ ~世界を魅了する書 [DVD]

*1:http://typophile.com/node/13514

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
ひとり時間は、本といっしょに。•2年前

「フォントを楽しく知りたい」そう思ったときにオススメの１冊

フォントってたくさんあって使いこなすの大変ですよね… webデザインを始めた頃、文字デザインであるフォントをどう使ったらいいのか、とても迷いました。 でもフォントひとつでデザインのイメージががらっと変わってしまうので、フォントと仲良くなることは、デザイナーにとってとても大切。 今回はフォントの基本を楽しみながら知りたいという方に、おすすめの１冊をご紹介します。 「となりのヘルベチカ まんがでわかる欧文フォントの世界」芦谷 國一著 私のおすすめポイントは次の３つです！ 【おすすめポイント１】漫画なのでイメージしやすい 主人公は急にデザインを作ることになってしまったOLさん。 フォントを調べている…

#デザイン#フォント#Helvetica

ネットで話題

もっと見る
884ブックマークHelveticaの代わりに使える30のフォントwww.seojapan.com
330ブックマークHelvetica, Frutiger, Futuraなど、見出しと本文に使用するフォントで最も人気の高い組み合わせのまとめ見出しにHelveticaを使った時の本文、Frutigerを使った時、Futuraを使った時など、見出しと本文に使用するフォントで、デザイナーに最も人気のある組み合わせを紹介します。coliss.com
263ブックマーク【フォント】ストリートウェアブランドなら「Futura」を高級ブランドなら「Helvetica」を使うべきという考察｜男子ハックwww.danshihack.com
228ブックマークHelvetica and Alternatives to Helvetica | The FontFeedwww.myfonts.com
214ブックマーク新OS Xの英字書体がHelvetica Neueに変わったことに対する違和感について新OS Xの英字書体がHelvetica Neueに変わったことに対する違和感について2014.06.07 20:0014,594 mayumine アップルは、ついにOSの英字タイプフェイス（活字書体）を、長年使っていたLucida Grandeに別れを告げ、Helvetica Neueに鞍替えすることになりました。 これはWWDCのキーノートで発表された新OS X Yosemiteの地味...www.gizmodo.jp
130ブックマークHelveticaばかり使っていませんか？ヘルベチカとその周辺フォントまとめHelvetica周辺の書体〜ヘルベチカ代替フォント この記事の一番上の画像を見てください。ヘルベチカでロゴを組んでみました。 このようにヘルベチカを利用したロゴは多い。 ニュートラルな雰囲気で、世界一人気があるかもしれない書体Helvetica。 ちなみにHelveticaはヘルベチカと読みます。Windowsで似た書体はArial。 ...flopdesign.com
116ブックマークKeita USHIDA :: Helvetica & Arialおそらく世界中でもっとも有名なサンセリフ書体，Helvetica。Mac OS には標準添付。一方で，Windows に標準添付され，圧倒的な使用者数を誇る Arial。この 2 書体，そっくりなのである。実際，一方が他方の代用として使われることもある（もっぱら，Arial が Helvetica の代用として使われるケースが多い）。注意して見...www.ice.gunma-ct.ac.jp
111ブックマークArialとHelveticaの違いがはっきりと分かるこの一枚ArialとHelveticaのタイプフェイスの違いをグラフィックにしたものをthe ragbagから紹介します。coliss.com
84ブックマークHelvetica Facelivetype.in

関連ブログ

Hitonova•7日前

プロが教えるスライド作成のコツ

"> ">こんにちは、Hitonova（ヒトノバ）です。講演依頼、研修依頼、講演会の講師派遣サービスを提供しています。私たちの使命は、企業や団体が必要とする知識やスキルを持つ専門家を通じて、皆様の成長と発展をサポートすることです。多彩な分野で活躍する経験豊富な講師陣を揃え、お客様のニーズに合わせたカスタマイズされたサービスを提供しています。 プレゼンテーションにおいて、スライドは視覚的な補助ツールとして非常に重要な役割を果たします。効果的なスライドは、メッセージを明確に伝え、聴衆の理解を深め、興味を引き付ける力があります。ここでは、プロフェッショナルなスライド作成のコツを紹介します。これらのポ…

ibのブログ•17日前

第2回ポケサーデュエマ交流会(2024)

皆様どうもこんにちは、龍ポケ3年のibです。 今年度もやりますよ、ポケサーデュエマ交流会㊗️ お待たせしました、2回目の開催ですね。この為に皆様カードをパチパチしてたことでしょう。 1回目より楽しめるよう準備してるので、デュエマやってないポケモンサークル員も是非最後まで読んで欲しいです！ 【説明とデュエマやってない君へ】 【開催日時・場所】 【参加について】 【対戦形式】 【対戦ルール】 【持ち物】 【タイムスケジュール】 【サブイベント】 ・ボルバルザークドラフト(定員6人) ・擬似CS(定員無限) 【諸注意】 【参加申請】 【最後に】 【運営】 【説明とデュエマやってない君へ】 今年度から…

PiezoNanoMotion•17日前

CoreMorrow コンパクト リニア ピエゾ モーター、移動範囲最大 21mm

CoreMorrow リニア ピエゾ モーターはスティック スリップ原理を採用し、ミリメートルの移動ストロークとナノメートルの位置決め精度を実現します。小型、大ストローク、高精度、高速位置決めという利点があります。内部に閉ループ サーボ センサーがあり、正確な位置決めを実現します。 。 N55 ピエゾ モーターは、移動範囲 21 mm、速度 5 mm/s、分解能 5 nm、荷重 0.5 kg、重量 21 g の小型ピエゾ モーターの新製品です。静止時のセルフロック機能と、全体サイズ 32 のコンパクトな構造を備えています。 ×17×10mm^3、非常に組み込みやすい製品です。 特徴 大ストロー…

退屈とストロベリー•22日前

好きなフォント

マシュマロが来ました ふだんならツイッターで答えるんですけど、これは記事にできるかな〜とおもったので、ブログで答えます。フォントについては、ウィキペディアの記事を貼るので各自見てくだされ。ここではわたしの感想を述べるのみです。マシュマロ、いつでも募集中〜〜〜！ サンセリフ体 うろこがないやーつですね。シュッとしてる。 Futura Futuraって、Futuraって読むらしいですね。知らなかったな〜。Futuraって読んでた。恥ずかしい。これからはちゃんとFuturaって読みます。みなさんもFuturaって読みましょう。はいせーの、Futura！！！ HelveticaとかFrutigerもか…

適材適食 -てきざいてきしょく-•24日前

2515食目「赤いシャインマスカット」レッドシャインマスカットのパフェ★

今週のお題「好きな小説」 まだまだ暑い日々が続いていますが、9月。そして、今の季節に旬を迎えるのがシャインマスカット、です。 シャインマスカット (Shine Muscat) 日本の農林水産省が所管する農業・食品産業技術総合研究機構（農研機構）によって育種・登録された広島生まれのブドウの栽培品種。命名登録番号は「ぶどう農林21号」。近年人気が急拡大しており、日本園芸農業協同組合連合会の統計によるとシャインマスカットの栽培面積は、2022年に1797ヘクタールにまで広がり、ついに国内の主要品種であった巨峰（1621 ha）やデラウェア（1627 ha）を抜き、トップに躍り出たとされる。「皮ごと食…

自動生成アイキャッチのテンプレート集•1ヶ月前

レトロな雰囲気でSEOに強いアイキャッチテンプレート

このテーマの特徴 ソースコード このテーマの特徴 このHTMLテンプレートは、ブログ記事のアイキャッチ（記事の冒頭に表示される画像やデザイン）を作成するためのものです。以下に、テンプレートの特徴をわかりやすく説明します。 1. シンプルなデザイン ベースカラーは薄いグレーで、テキストカラーは黒を使用し、全体的にシンプルで読みやすいデザインになっています。 フォントはHelveticaを使用しており、モダンで親しみやすい印象を与えます。 2. ノイズ加工によるレトロな雰囲気 背景にノイズ加工を施すことで、レトロな雰囲気を演出しています。 ノイズのカラーやサイズ、ぼかしの強さなどを調整することで、…

Web白描•1ヶ月前

body

ページ全体の文字指定（初期値作成） ページ全体に反映したい文字の値は「body」に指定します（継承） body bodyは、resetとは別でページの文字の初期値を設定する 基本的には、文字情報のみ 文字色、line-heightは適宜変更する場合があります body { color: #222; font-size: 16px; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; line-height: 1.0; } 文字のプロパティ …

フリーダムの日記•1ヶ月前

ラスターデータから PMTiles を作成してみる。

はじめに 前回はファイルジオデータベースからベクター データを参照して、 PMTiles を作成しました。今回は、ラスター データから PMTiles を作成しましたので、一連の手順について紹介していきたいと思います。 freedom-tech.hatenablog.com また、ラスターデータから PMTiles の作成に関しては沢山の方が実践しており、今回も shi-works さんの以下の記事を参考にさせていただきました。 zenn.dev ラスター データは、G空間情報センターで公開されている以下の静岡県の LP データ オルソ画像データを使用しました。 www.geospatial.…

自動生成アイキャッチのテンプレート集•1ヶ月前

ブログ記事のアイキャッチ作成用のレトロな HTML テンプレート

このテーマの特徴 ソースコード このテーマの特徴 このHTMLテンプレートは、ブログ記事のアイキャッチ（記事の冒頭に表示される画像やテキスト）を作成するためのものです。以下に、このテンプレートの特徴を詳しく説明します。 1. カスタマイズ可能なデザイン カラーテーマ: --bg-main、--bg-secondary、--text-main、--text-secondary、--accent-color といった変数を用いることで、背景色、テキスト色、アクセントカラーを簡単に変更できます。 フォント: ブログタイトルには手書き風フォント (Brush Script MT)、カテゴリにはモダンな…

個性を摘んだら理想が咲いた•1ヶ月前

歌詞に「靴」があるボカロ曲4選

Web開発における知見共有系ページ•2ヶ月前

SCSSをwordpressで使用する方法

SCSSをwordpressで使用する方法 1. 必要なツールのインストール 2. テーマのディレクトリ構造の設定 3. SCSSファイルの作成 4. SCSSのコンパイル 5. WordPressテーマにCSSを追加 6. SCSSの自動コンパイル（オプション） SCSSをwordpressで使用する方法 WordPressでSCSSを使用するためには、SCSSファイルをCSSにコンパイルするプロセスが必要です。 以下の手順でSCSSをWordPressテーマに組み込むことができます。 1. 必要なツールのインストール まず、SCSSをCSSにコンパイルするために、Node.jsとnpm（N…

Web開発における知見共有系ページ•2ヶ月前

SCSSでvariableを使用

SCSSでvariableを使用 SCSS変数の基本 例: 色の変数定義 変数の使用 例: 変数を使ったスタイルの適用 変数のスコープ 例: スコープの違い まとめ SCSSでvariableを使用 SCSSで変数を使用する方法について説明します。 SCSS（Sassの一部であるCSSプリプロセッサ）は、CSSに動的な機能を追加することで、スタイルシートの管理を容易にします。 変数はSCSSの基本的な機能の一つで、コードの再利用性とメンテナンス性を向上させます。 SCSS変数の基本 SCSSで変数を使用するには、まず変数を定義します。 変数は$記号で始まり、その後に変数名と値を指定します。 例…

ruRiの気ままにオタ活•2ヶ月前

BUSTAFELLOWS season2　個別攻略

個別攻略を載せています。 自力で攻略したい方、ネタバレをなるべく踏みたくない方は閲覧をお控えください。 ▶︎リンボ ▶︎シュウ ▶︎ヘルベチカ ▶︎モズ ▶︎スケアクロウ ▶︎EPILOGUE ▶︎EXTRA【#9 Landlady challenge】 ◇◆ リンボ ◆◇ おおおおおおおおおおおおおおおおおおおおおおおおお ❖ Prologue ★＝時間制限あり選択肢 ▶︎【猫の名前は？】マックス ・汗臭さなら私も負けてないかも？ ★選ばない（時間切れ） ・そもそもそんな話はしていない ★リンボとシュウがやるなら...... ★選ばない（時間切れ） ★ハニーマスタードで！ ❖ episode…