想要高質感網站,需要了解的網頁安全字體 Web Safe Font

中文-網頁安全字體 Web Safe Font(Chinese)

字體,是網頁排版中最重要的元素之一,中文字體由於先天上的諸多限制,開發者都在追求網頁在各種作業系統下都能顯示其最佳字型。所以在設計時會採用「網頁安全字體 web safe font」(也有人稱為generic-family 通用字),因為安全字體是最有可能在跨系統上使用的字體,用戶能看到期望所看到的設計。

在CSS設定字體時,所有中文字型都有對應的英文名字,建議使用英文名字設定會比中文來得更準確。以下資料轉載自 Ja 網頁

Mac OS

  • 華文細黑:STHeiti Light [STXihei]
  • 華文黑體:STHeiti
  • 華文楷體:STKaiti
  • 華文宋體:STSong
  • 華文仿宋:STFangsong
  • 儷黑 Pro:LiHei Pro Medium
  • 儷宋 Pro:LiSong Pro Light
  • 標楷體:BiauKai
  • 蘋果儷中黑:Apple LiGothic Medium
  • 蘋果儷細宋:Apple LiSung Light

Windows:

  • 新細明體:PMingLiU
  • 細明體:MingLiU
  • 標楷體:DFKai-SB
  • 黑體:SimHei
  • 宋體:SimSun
  • 新宋體:NSimSun
  • 仿宋:FangSong
  • 楷體:KaiTi
  • 仿宋_GB2312:FangSong_GB2312
  • 楷體_GB2312:KaiTi_GB2312
  • 微軟正黑體:Microsoft JhengHei
  • 微軟雅黑體:Microsoft YaHei

字型屬性:

  • serif(襯線字)
  • sans-serif(無襯線字)
  • cursive(類手寫字)
  • fantasy(裝飾字)
  • monospace(等寬字)

網頁安全字體 Web Safe Font

了解和實現Viola-Jones圖像分類算法

本文章翻譯自 Anmol Parande

在過去的十年中,圖像分類(Image classification)一直是一個快速增長的領域,並且神經網絡(CNN)和其他深度學習技術的使用正在迅速增長。但是,在CNN成為主流之前,另一種技術已被廣泛使用並繼續使用:Viola-Jones。

CNN是單個分類器,它查看完整圖像並應用矩陣運算來進行分類,而 Vi …

Virtualenv python

This article is for python3 environment, go read this article for python2+

1- Init project

$ python3 -m venv projectName

3- To begin using the virtual environment, it needs to be activated

$ source projectName/bin/activate

4- Install packages as usual

$ pip install requests

Dependency management

requirements.txt is alike package.json in Node.js to me (hope I am right)

$ pip freeze > requirements.txt
// pip install -r requirements.txt

Finished

5- Run the script

$ python main.py

6- Deactivate

$ deactivate

7- Installing Dependency

This is useful when we clone a project online (from github.com) without downloading dependency, but installing them all on your local machine.

$ pip install -r requirements.txt

Reference:

[ES10] Javascript 開發者必須知道的新功能

ES10 在2019年 2月中就推出了,目前(May 2019)在新版的 Nodejs 和 Chrome 已經可享用 ,雖然沒有 ES6 來得偉大和有驚喜。

ES10 除了 flat() 和 flatmap() 值得注意之外,我個人很少會用到其他的新功能。只能期待 ES11 !

  1. [].flat() [].flatMap()
  2. Object.fromEntries
  3. “”.trimLeft()
  4. try{} catch{}
  5. Function to String
  6. Symbol Description

1.1) [].flat()

flat() 是用作打平 n 層或無限層的 Array,回傳一個新 Array:

const arr = [1, 2, [3, 4, [5, 6, [7, 8, 9]]]];console.log(arr.flat());                //[1,2,3,4,[5,6,[7,8,9]]]

Peter Chang

Algorithm Artist and tech blogger from Macau, Co-Funder of golding.cc. ex @yahoo coder. https://www.linkedin.com/in/waheng

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store