タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

fontとcssに関するnilabのブックマーク (6)

  • font-family CSS フォント

    Updated 2013.11.05 / Published 2007.02.02 font-familyプロパティは要素内の文字の表示書体となるフォントを指定します。値にはフォント名、または総称ファミリ名を指定します。総称ファミリ名が指定された場合は、UA の環境設定に指定されているフォントが自動的に選ばれて、そのフォントで表示されます。 値 <フォント> <総称ファミリ> inherit 初期値 UA の設定に依存 適用対象 すべての要素 継承 する メディア visual フォント名の指定は複数指定が可能で、各フォント名をカンマ(,)区切りで指定します。複数指定した場合は、ユーザの利用している環境(コンピュータ)にインストールされているフォントが指定順に優先して反映されます。また、"MS Pゴシック" のようにフォント名にスペースを含む場合は、フォント名の前後をシングルクォーテーショ

    font-family CSS フォント
    nilab
    nilab 2011/10/19
    font-family CSS フォント
  • hirobox: Safari、スタイルシートでのフォント指定の実際

    昨日のエントリーに引き続き、実験です。以下、皆さんのブラウザではどのように見えますでしょうか?(私のココログはこの文である".content p"に'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3'を指定しているので、それの影響を受けている可能性があります) serif sans-serif 'MS 明朝' 'MS P明朝' 'MS ゴシック' 'MS Pゴシック' 'Hiragino Mincho Pro' 'Hiragino Mincho Pro W3' 'Hiragino Mincho Pro W6' 'ヒラギノ明朝 Pro' 'ヒラギノ明朝 Pro W3' 'ヒラギノ明朝 Pro W6' 'Hiragino Mincho Pro'(font-weight:bold;) 'Hiragino Mincho Pro W3'(font-weight:b

    nilab
    nilab 2011/06/03
    Safari、スタイルシートでのフォント指定の実際: hirobox : 一挙リスト。
  • text-rendering - CSS | MDN

    /* Keyword values */ text-rendering: auto; text-rendering: optimizeSpeed; text-rendering: optimizeLegibility; text-rendering: geometricPrecision; /* Global values */ text-rendering: inherit; text-rendering: initial; text-rendering: revert; text-rendering: revert-layer; text-rendering: unset; Values auto The browser makes educated guesses about when to optimize for speed, legibility, and geometric

    nilab
    nilab 2011/06/03
    text-rendering - MDC Docs : auto, optimizeSpeed, optimizeLegibility, geometricPrecision
  • iPhoneサイト向けCSSサンプル(CSS3)|ConneLog|ConneCre

    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> * { word-break: break-all; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(255,255,0,0.4); -webkit-text-size-adjust:none; } word-break: break-all; URLなどの文字列の強制改行。ただし句読点なども先頭にくるため要検討。 -webkit-touch-callout:none; 長押しした際のとび先URL非表示。ただし画像リンクをタップした際のハイライトがおかしくなる。aタグ要素にdisplay: block ;を指定す

    nilab
    nilab 2011/04/13
    font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; / iPhoneサイト向けCSSサンプル(CSS3)|ConneLog|ConneCre
  • GoogleがWebフォントサービスを開始 - フォントブログ

    Webフォントが一般に広まった全盛期には国内外含め様々なWebフォント配信サービスが登場しましたが、まさに戦国時代そのもので、数年後には多くのサービスが終了となってしまいました。 2023年現在、利用されているWebフォントサービスをまとめてみました。 Google Fonts 完全無料で誰でも利用可能ということもあり、現在一番利用されているGoogle Fonts。定番のNoto Sans以外にも、ZEN 角ゴシックやBIZ UDゴシックなど、プロ仕様の日フォントも使えます。デスクトップ用のフォントもダウンロード可。 Adobe Fonts Adobe Creative Cloud契約者なら誰でも使えるAdobeのフォントサービス。かつてはTypekitの名でサービス展開されていました。完全に日語化され昔に比べるととても使いやすくなりました。デスクトップ用のフォントもダウンロード可

    GoogleがWebフォントサービスを開始 - フォントブログ
    nilab
    nilab 2010/03/08
    SafariやFirefoxも正式対応!CSS3のウェブフォント(Webfonts)とは何か:「フォントファイル自体をサーバに上げ、それを指定する仕組みであるため、普段我々が使っているTrueTypeやOpenType形式のフォントを使える」
  • Webタイポグラフィまとめ - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記

    nilab
    nilab 2009/03/04
    Webタイポグラフィまとめ - Archiva
  • 1