[Science and Communication]
我還在讀本科時,年少無知,覺得做科學,應該不拘小節,論文、Poster、PowerPoint 等,只應在乎內容而非「格式」。只要內容好,科學準確,排版、字體、用色、甚至錯字都無所謂。
後來發現,科學領域內,傳訊十分重要,而且匯報是展現研究成果,注意細節,才是敬業樂業的表現。所以儘管本人視覺藝術天份奇差,也開始留意設計原理,也開始注意行內設計,才發現到處都是災難級的設計。
最近寫博士學位的期中報告,就Typography我已用了大半天參考不同文章。雖然對設計師來說可能見笑,但我這初哥已經盡力。最後Headings一致用無腦Helvetica,內文用Garamond,古典但優雅,讀起來才有可信、已確定(established) 的感覺,DNA序列用Courier,字距一致才容易做DNA並列對比。大家的論文又用什麼字體呢?(不才,懂設計的朋友請指教)
對於我這種設計白痴,中央聖學子的貼文都很啟蒙。從事科學的朋友,我們該好好注意自己的設計了,你的poster有犯這些錯誤嗎?
【Typography Matters】(營養長文!!!)香港美術及設計教育,一直以來都麻麻地重視 Typography(字體排印學)。近十多年遇着個別有熱誠有才能嘅教育工作者,偶爾會有小陽春,業界亦好視乎個別執業者取向;但整體上,香港地無論學院抑或業內,重視 Typography 嘅人,實屬小眾,practise 得好嘅,更係少之又少。個人電腦普及前,字體應用及排印,都必定交由專業人士負責,質素衰極有個譜;然而,差不多係人都識用 Word、Excel、小畫家等軟件打字、畫圖、列印、發佈後,因差劣 Typography 而引發嘅溝通錯誤及視覺污染——自文字及印刷術發明以來——係史上最最最最嚴重的。
科技賦予人類能力,但冇賦予知識。人人用電腦揀字款打字排版做所謂「文書處理」,但當中有幾多個懂得基本 Typography?或,當中有幾多個知道有「Typography」呢樣嘢呢?記得留學時老師講過,或許設計上有好多範疇都冇甚麼絕對黑白對錯,但係响 Typography 嘅領域,有唔少理論及應用係黑白分明對錯有特定準則的。「靚囉」好少會出自 typographer 把口。
早前有人留意到康文署有套經過精心設計嘅温文意雅告示標語橫額,甚為破格,引來網上小眾討論。今日陽光普照,離開鍵盤,到赤柱走走,畀我發現咗啲嘢。特意寫兩句與大家分享一下。🙂
[Layout]
求其粗疏地响聖士提反灣周圍𥄫𥄫,做咗個微型 visual audit,諗住學下嘢。Woow~!真係獲益良多,原來而家尖端標示設計嘅 typography 已經同我以前學嗰套好有距離。首先(見圖由上至下左至右),大大塊告示板,個 layout 唔似有 grid,相當 dynamic,四個主標示 zig zag 咁放,size 不大,語氣和善,活潑可人,綠綠藍藍與泳灘氣氛連成一片。
[Hyphen]
Typography 中,英語 punctuation(標點符號)往往最被忽略。「Please - No Kite-flying」三個字中有兩個 hyphens,「Kite-flying」嗰個冇咩問題,怪就怪在「Please」之後嗰個。因為 hyphen 一般用作 compound terms 或 word division,當破折號或冒號咁用好似比較罕見。
//
For most writers, the hyphen’s primary function is the formation of certain compound terms. Compound terms are those that consist of more than one word but represent a single item or idea.
In professionally printed material (particularly books, magazines, and newspapers), the hyphen is used to divide words between the end of one line and the beginning of the next. This allows for an evenly aligned right margin without highly variable (and distracting) word spacing.
//
同中文標點好唔同,英文類似破折號嘅短小橫線標點有三種:hyphen (-), en dash (–), em dash (—),長度不一功能各異,唔可以亂用。
//
The en dash (–) is slightly wider than the hyphen (-) but narrower than the em dash (—). The typical computer keyboard lacks a dedicated key for the en dash, though most word processors provide a means for its insertion.
//
長話短說,日常應用嚟講 en dash 多數用嚟當「至」咁用,如日期或時間,「2005–2018」,「9:00 a.m.–5:00 p.m.」。正統前後冇 space,但我覺得若嫌太迫,kern 疏少少都無傷大雅。至於當破折號(或冒號)以作補充之用就應該用最長嘅 em dash。
//
The em dash is perhaps the most versatile punctuation mark. Depending on the context, the em dash can take the place of commas, parentheses, or colons—in each case to slightly different effect.
Notwithstanding its versatility, the em dash is best limited to two appearances per sentence. Otherwise, confusion rather than clarity is likely to result.
Do not mistake the em dash (—) for the slightly narrower en dash (–) or the even narrower hyphen (-). Those marks serve different purposes and are further explained in other sections.
//
[Apostrophe]
Prime mark (') 同 apostrophe (’),前者係小直劃,後者係升高咗嘅𢭃號,再想發揮創意都唔應該用錯。鍵盤碼點打,呢度唔多講嘞,自己 google 啦。
[a.m. and p.m.]
「a.m.」、「p.m.」係拉丁文「ante meridiem」同「post meridiem」嘅縮寫,所以正寫應該係細階兼有點點。但係設計上有時想省略簡化正寫達至美感要求,我覺得响意思唔被干擾下,可以接受。但時間數字與 am 或 pm 中間,應該有 space,連埋寫成一個字咁會怪怪,尤其出現於正統聲明。
[Title Case vs Sentence Case]
究竟幾時用 title case,即每個字頭都大階;幾時先用 sentence case,即只得第一個字大階?!我有啲亂。我嘗試觸摸個 pattern,可能我資質太差,花咗成日都徒勞無功。
[Text Justification]
忽左忽右,我估本 guidelines 肯肯定有說明點用法,只係我呢個路人未察覺箇中奧妙而已。「Dangerous Goods Store」,畀我會將「Goods Store」排埋一行,以意思 break line 嘛。不過人哋咁排法,一定有 concept。
最後,發覺大標示板係用 Helvetica,小標語則用 Arial,當中有咩精心佈局或創意我唔敢亂估,只覺得呢種字款運用嘅 fusion 很富本地混雜視覺文化特色,好可愛。☺️
… … … … … … … … …
早前相關康文署標示淺評:
https://www.facebook.com/…/a.1015316723…/10159910797350570/…
Source & reference:
http://www.thepunctuationguide.com/hyphen.html
http://www.thepunctuationguide.com/en-dash.html
http://www.thepunctuationguide.com/em-dash.html
http://www.chicagomanualofstyle.org/…/HyphensE…/faq0002.html
同時也有2部Youtube影片,追蹤數超過852的網紅Memoirs with Momo CAももコーナー,也在其Youtube影片中提到,Hey guys! Here is my quarantine fashion haul from Yesstyle, Kmart and Cotton On. 皆さんこんにちはー!オーストラリアで買える激安ファッションブランドとオンラインサイトYESSTYLEを見せていきたいと思います❤️❤️ ...
「text size html」的推薦目錄:
- 關於text size html 在 北歐心科學 NordicHearts Facebook 的最佳貼文
- 關於text size html 在 泰興木雕藝品 Facebook 的最讚貼文
- 關於text size html 在 紀老師程式教學網 Facebook 的精選貼文
- 關於text size html 在 Memoirs with Momo CAももコーナー Youtube 的精選貼文
- 關於text size html 在 Nisha Ezzati Youtube 的最讚貼文
- 關於text size html 在 HTML Tutorial 4 - Changing Text Size and Position - YouTube 的評價
- 關於text size html 在 Changing text size in CSS (HTML Webpage) 的評價
- 關於text size html 在 Font size in HTML in QGIS' print composer only starts to ... 的評價
text size html 在 泰興木雕藝品 Facebook 的最讚貼文
分享///2017年福建雕刻大師名單
快看看您收藏的作品有在名單內嗎?
http://www.cngendiao.com/news/bencandy-htm-fid-49-id-2385.html
text size html 在 紀老師程式教學網 Facebook 的精選貼文
如何設定 CSS,讓您的網頁在 Windows 與 Mac 都能顯示楷書
今天在設計網頁時,遇到一個小問題:有個網頁的「抬頭」(Title),我希望用「楷書」來呈現,好讓它與其它區塊有所視覺上的區隔。雖然有人說「楷書只適合印刷用,電腦上看楷書都會糊糊的,不舒服」,但我試過好幾種手法,還是覺得那個文章標題用「楷書」來呈現,最漂亮、最得我心。加上它是標題,使用 48 點字,應該不會有看起來糊糊的缺點。所以就著手做了。
眾所周知,網頁中要讓某一段文字變成標楷體,可以使用 CSS 中的「font-family」屬性指定。如下所示:
HTML 部份:
CSS 部份:
.my-style {
font-size: 48px;
font-family: "標楷體";
text-align:center;
}
就會做出「置中、48 點字、標楷體」的字樣來。但若對方使用的瀏覽器,執行於國別設定不為「中文(繁體,台灣)」的話,它就會用英文名稱抓字型,必須設定成:
font-family: "標楷體", DFKai-sb;
若你把這樣的網頁放到 Mac 上去執行時,Mac 的標楷體名稱叫做「BiauKai」,所以還得補上「BiauKai」,才能讓 Mac 下也看得到標楷體:
font-family: "標楷體", DFKai-sb, BiauKai;
至於我個人最愛的 Linux,我還沒找到方法。由於我用 Linux 是為了寫程式,所以故意灌成英文版。若有人能依照上述方法,找到 Linux 內建標楷體的字型名稱(有嗎?XD),麻煩您提供一下,不勝感激!
本篇參考資料:
[CSS] 網頁字體: http://kuoe0.ch/1110/css-web-font/
CSS -- 中英文字型家族相關整理: http://blog.kkbruce.net/2010/11/blog-post_23.html
text size html 在 Memoirs with Momo CAももコーナー Youtube 的精選貼文
Hey guys! Here is my quarantine fashion haul from Yesstyle, Kmart and Cotton On. 皆さんこんにちはー!オーストラリアで買える激安ファッションブランドとオンラインサイトYESSTYLEを見せていきたいと思います❤️❤️
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[YESSTYLE]
▪️Knit set $54.27
https://www.yesstyle.com/en/cottony-set-short-sleeve-drawstring-knit-top-wide-leg-pants-almond/info.html/pid.1089162239?cpid=1089162238
▪️Spagetti Strap Rib Cami Top $28.86 in black and beige
https://www.yesstyle.com/en/naning9-spaghetti-strap-rib-cami-top-light-beige-one-size/info.html/pid.1088305295?cpid=1088305294
Use MOMOKO10 at checkout for 10% off your order!
⬇️⬇️⬇️⬇️⬇️⬇️
https://www.yesstyle.com/en/home.html?rco=MOMOKO10&utm_term=MOMOKO10&utm_medium=Influencer&utm_source=dynamic
[KMART]
▪️Long Sleeve Boxy Cardigan $15
https://www.kmart.com.au/product/long-sleeve-boxy-cardigan/2873354
▪️Ribbed Button Cardigan $25
https://www.kmart.com.au/product/ribbed-button-cardigan/2891871
I can't find the clearance items online unfortunately!
[COTTON ON]
▪️Modern Edition Tshirt
https://cottonon.com/AU/tbar-text-t-shirt/363454-117.html?dwvar_363454-117_color=363454-117&cgid=mens-graphic-tees&originalPid=363454-117
▪️Unknown Projects Tshirt
https://cottonon.com/AU/tbar-text-t-shirt/363454-114.html?dwvar_363454-114_color=363454-114&cgid=mens-graphic-tees&originalPid=363454-114#start=241&sz=48
▪️The Doors Long Sleeve Tshirt
https://cottonon.com/AU/bree-graphic-long-sleeve/2010927-06.html?dwvar_2010927-06_color=2010927-06&cgid=womens-graphic-t-shirts&originalPid=2010927-06
[FOOTLOCKER]
▪️Nike Socks $20
https://www.footlocker.com.au/en/p/nike-elite-crew-unisex-socks-49621?v=249250924100
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
[MUSIC]
Mark Generous - Orange And Pomegranate - https://thmatc.co/?l=16FC95B0
Ryan Little - Lovesick. (Nomad's Heart) - https://thmatc.co/?l=34842526
ninjoi. - Passin [Thematic Exclusive] - https://thmatc.co/?l=468C2330
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
My Youtube Channel:
https://www.youtube.com/channel/UCtE_qq9SsLmYqh3y2NbTq9Q/videos?view_as=subscriber
Instagram: @memoirswithmomo
TikTok: @memoirswithmomo
💕💕💕
text size html 在 Nisha Ezzati Youtube 的最讚貼文
TOLONG LA SUBSCRIBE
Products Mentioned
SKINCARE & BODYCARE
Dove Roll On Original | RM9.16
https://www.watsons.com.my/roll-on-original-40ml/p/BP_90743?text=dove%20deodorant&page=0
KORA ORGANICS BY MIRANDA KERR Energizing Citrus Mist | RM120
https://www.sephora.my/products/kora-organics-by-miranda-kerr-energizing-citrus-mist/v/default
It Cosmetics Confidence In A Cleanse | RM120
https://www.sephora.my/products/it-cosmetics-confidence-in-a-cleanser/v/148ml
Laneige Fresh Calming Toner | RM120
https://www.sephora.my/products/laneige-fresh-calming-toner/v/default?q=laneige%20fresh%20
Kiehls’ Clearly Corrective Brightening & Smoothing Moisture Treatment | RM 217.90
https://www.kiehlstimes.com.my/skincare/collection/clearly-corrective/clearly-corrective-brightening-smoothing-moisture-treatment/
Kieh’s Ultra Light Daily Uv Defense Tone Up Cream SPF 50 PA ++++ | RM163.40
https://www.kiehlstimes.com.my/skincare/category/sun-care/ultra-light-daily-uv-defense-tone-up-cream-spf-50-pa/
Supergoop! Everyday Sunscreen SPF 50 | RM78
https://www.sephora.my/products/supergoop-everyday-sunscreen-spf-50-with-cellular-response-technology/v/2-4-fl-oz?q=supergoop
Dr. Wu Soothing Moisture Capsule Mask with Vitamin B | RM46.22
https://www.watsons.com.my/soothing-moisture-capsule-mask-with-vitamin-b-3-s/p/BP_99015?text=dr%20wu%20mask&page=0
Kiehl’s Instant Renewal Concentrate Mask | $32
https://www.kiehls.com/new/just-arrived/instant-renewal-concentrate-mask/KHL223.html
MAKEUP
Smashbox Photo Finish Primer Water | RM135
https://www.sephora.my/products/smashbox-photo-finish-primer-water/v/115ml
Benefit Cosmetics The POREfessional Face Primer | RM68
https://www.sephora.my/products/benefit-cosmetics-the-porefessional-face-primer/v/7-5ml
Benefit Cosmetics Hello Happy Soft Blur Foundation | RM158
https://www.sephora.my/products/benefit-cosmetics-hello-happy-foundation/v/shade-01?q=benefit%20happy
Dior Diorskin Forever Undercover Foundation | $52
https://www.sephora.com/product/diorskin-forever-undercover-foundation-P427506
Maybelline Fit Me! Concealer Camouflant | RM23.70
https://www.watsons.com.my/fit-me!-concealer-camouflant/p/BP_21595?text=maybelline%20fit%20me&page=0
Laura Mercier Translucent Loose Setting Powder | $38
https://www.lauramercier.com/setting-powder/translucent-loose-setting-powder-prod12321001.html?dwvar_prod12321001_color=Translucent&cgid=cat310002
Physicians Formula Murumuru Butter Bronzer Deep Bronzer | RM65.94
https://www.watsons.com.my/murumuru-butter-bronzer/p/BP_78241?text=butter%20bronzer&page=0
Too Faced Papa Don't Peach Blush | RM122
https://www.sephora.my/products/too-faced-papa-dont-peach-blush/v/default?q=too%20faced%20peach%20blu
Benefit Cosmetics Dandelion Twinkle Powder Highlighter | RM158
https://www.sephora.my/products/benefit-cosmetics-dandelion-twinkle-powder-highlighter/v/mini-size
Pixi Natural Brow Duo | RM102
https://www.sephora.my/products/pixi-natural-brow-duo/v/medium-brown
Benefit Cosmetics Roller Lash Mascara | 117
https://www.sephora.my/products/benefit-cosmetics-roller-lash/v/8-5g
text size html 在 Font size in HTML in QGIS' print composer only starts to ... 的推薦與評價
Problem. The <font> tag's size property is only defined for values of 1 through 7. MDN says about the <font> tag: Obsolete. ... <看更多>
text size html 在 HTML Tutorial 4 - Changing Text Size and Position - YouTube 的推薦與評價
This tutorial explains how to use the font tag to change the size of text on a webpage, as well as how to center and space text. ... <看更多>