久久久噜噜噜久久狠狠50岁,女人让男人操自己视频在线观看 ,国产精品亚洲二区

這幾天設計圈都被一條字體侵權消息刷屏，一公司在沒有獲得字體版權的情況下使用微軟雅黑做印刷品，印刷廠印了5000萬張已經全國商用，公司損失2860萬，裁員42人，含8個主管。

設計師別擔心，微軟雅黑這樣使用不侵權

現在各位設計師都知道，微軟雅黑版權是屬于方正的，并不能免費使用！在大家驚嘆賠償金額的時候，方正官方出來辟謠：

設計師別擔心，微軟雅黑這樣使用不侵權

這次事件，方正字體給我們間接地上了一課：想安全使用我們的字體？乖乖付費吧。同時還告訴那些沒有買過版權的公司：該交保護費了。目前事件已在百度熱點搜索排名第三，也讓中國很多非設計行業人員了解了方正。

設計師別擔心，微軟雅黑這樣使用不侵權

不過大家都在聚焦新聞本身的時候，有沒有想過，什么樣的字體行為會受到侵權呢？

在設計行業中，常見的微軟雅黑字體侵權主要表現在線上的banner、廣告、頁面、電影等，線下的印刷品、戶外廣告、書籍等。各位設計師對這些都非常清楚：無版權，不可商用。

UI前端和微軟雅黑

但是在UI設計這塊，我們在電腦網頁中顯示的微軟雅黑有版權嗎？公司官網顯示的文章字體都是微軟雅黑，這樣會侵權嗎？我們再回顧下微軟雅黑的歷史。

「微軟雅黑」字體是「北大方正電子有限公司」設計開發的字體作品。該字體與著名的「方正蘭亭黑系列字體」（該系列字體共有十一個不同粗細版本，共十一款字體）系出同源，前者針對屏幕顯示，后者針對印刷用。方正公司擁有「方正蘭亭黑系列字體」的全部版權。但微軟雅黑的版權分為兩個部分，在Windows系統的內嵌使用，包括屏幕輸出和個人使用為目的的打印，這部分微軟已經向方正支付了版權授權費用，所有正版Windows用戶均可放心使用。但是以商業發布為目的的微軟雅黑版權，仍由北大方正保留。

微軟公司在開發新一代操作系統時，為了改善屏幕字體的視覺效果，委托方正公司設計兩款字體。微軟公司將此兩款字體命名為「微軟雅黑」和「微軟雅黑 Bold」。

這里我們可以看到一個關鍵詞「屏幕輸出」，即電腦屏幕上顯示和我們關系最大。設計師設計完網頁之后，前端需要進行代碼制作，這時候使用的微軟雅黑字體，其實就是屬于屏幕輸出。

設計師別擔心，微軟雅黑這樣使用不侵權

如果要深入搞清楚這個，我們就要了解網頁中是如何顯示字體的。前端網頁字體的定義主要有兩種方式：font-family 和 @font-face。關于這些前端基礎知識，各位UI設計師必須要了解一下。

? 1. font-family

font-family 屬于前端css屬性中最基礎的一個屬性，用來定義字體名稱。下面是一個比較典型的例子。

font-family: Helvetica, "PingFangSC'', 'Microsoft Yahei', '微軟雅黑', Arial, sans-serif;

font-family 規定元素的字體系列，可以把多個字體名稱作為一個「回退」系統來保存。如果瀏覽器不支持第一個字體，則會嘗試下一個。

在實際的工作中，用戶的電腦一般是 PC 和 Mac，但是這兩個平臺的屏幕材質、渲染方式都不一樣，所以使用的默認字體也是不一樣的。PC 默認使用微軟雅黑，而 Mac 默認使用蘋方。

當我們打開一個網站，瀏覽器會讀取 font-family 中的字體名稱，并去檢索用戶電腦系統中的字體，如果有的話就顯示，沒有的話檢索下一個。

設計師別擔心，微軟雅黑這樣使用不侵權

所以，雖然前端代碼中寫了微軟雅黑，但僅僅是一種調用方法，你的電腦中有就顯示，沒有就顯示其他字體，和版權是沒有任何關系的。因為它僅僅是調用了終端用戶自身系統中已經存在的字體用來屏幕輸出顯示，這不需要任何額外的授權許可。

以后前端再問你字體如何使用，就可以說根據 Mac 和 PC平臺不一樣，調用不同的字體以便在對應平臺顯示最好的效果。

但是有個特例，如果把 PC 官網中某個含有微軟雅黑字體的頁面截圖，當成商用宣傳圖，那么這其實就屬于侵權了，方正是有理由告的。

? 2. @font-face

@font-face 屬于css中另一個字體調用方法。和 font-family 默認調用電腦字體不同，@font-face 是把自己定義的 Web字體嵌入到網頁中。

事實上，例如 'Microsoft Yahei'，Arial，sans-serif 等字體都屬于安全字體，即正常電腦都會默認安裝的，所以前端可以直接調用。

但是如果網頁需要使用到特殊的字體，并且不想用圖片代替，就可以使用 @font-face 方法。比如下面的結構。

@font-face {

font-family: <YourWebFontName>;

src: <source> [<format>][,<source> [<format>]]*;

[font-weight: <weight>];

[font-style: <style>];

}

font-family 表示自定義的字體名稱。

src 表示自定義的字體的存放路徑。

font-weight 和 font-style 屬于 css字體中的兩個基本屬性，分別代表加粗和字體樣式。

設計師別擔心，微軟雅黑這樣使用不侵權

所以，既然要調用字體文件了，那么如果我們使用了微軟雅黑，其實就屬于侵權。因為你要把微軟雅黑下載后放入到自己服務器中使用，這個行為在方正的侵權行為描述中有介紹。

在未獲得版權人書面授權的情況下，下列使用方式都是侵權行為：

將「微軟雅黑字庫」從 Windows 系統中復制出來，安裝到蘋果機或其它系統中使用；

把「微軟雅黑字庫」作為設計元素，將其中的字符以圖形的形式應用到設計案中向公眾作如下形式（包括但不限于）的發布：將字庫字體直接、格式轉換或修改后用于企業名稱、商標、標識；企業宣傳冊；產品包裝、附加標牌；產品說明書；發布賣場海報、平面廣告、電視廣告、戶外廣告、網絡廣告；企業自有網站；音像制品、展覽、展示中。

因此 @font-face 引用方式是會侵權的。

當然了，如果公司購買過其他字體，是可以用 @font-face 來引入使用的。

字體格式介紹

說到 @font-face 引入字體，就不得不提到字體的格式了。因為不同的瀏覽器對字體格式支持是不一致的，所以各位設計師要簡單了解一下各種版本瀏覽器支持什么樣的字體。

? 1. True Type Font(.ttf)格式

.ttf字體是 Windows 和 Mac 最常見的字體，支持這種字體的瀏覽器有IE9+，Firefox3.5+，Chrome4+，Safari3+，Opera10+，iOS Mobile Safari4.2+。

? 2. Open Type Font(.otf)格式

.otf字體被認為是一種原始的字體格式，其內置在 TrueType 的基礎上，所以也提供了更多的功能，支持這種字體的瀏覽器有Firefox3.5+，Chrome4.0+，Safari3.1+，Opera10.0+，iOS Mobile Safari4.2+。

? 3. Web Open Font Format(.woff)格式

.woff字體是 Web字體中最佳格式，它是一個開放的 TrueType/OpenType 的壓縮版本，同時也支持元數據包的分離，支持這種字體的瀏覽器有IE9+，Firefox3.5+，Chrome6+，Safari3.6+，Opera11.1+。

? 4. Embedded Open Type(.eot)格式

.eot字體是 IE 專用字體，可以從 TrueType 創建此格式字體，支持這種字體的瀏覽器有IE4+。

? 5. SVG(.svg)格式

.svg字體是基于 SVG字體渲染的一種格式，支持這種字體的瀏覽器有Chrome4+，Safari3.1+，Opera10.0+，iOS Mobile Safari3.2+。

是不是很熟悉？看到這里，很多設計師會想到 iconfont。千萬不要把 iconfont 想成一個簡單的圖標素材庫，它的潛力比想象的要大得多。

設計師別擔心，微軟雅黑這樣使用不侵權

Iconfont 本質上就是把圖標轉化為字體，官方的三種使用方法中（unicode引用、font-class引用、symbol引用）的 unicode引用其實就是用了 @font-face 的方法。比如下面這個例子：

@font-face {font-family: 'iconfont';

src: url('iconfont.eot');

src: url('iconfont.eot?#iefix') format('embedded-opentype'),

url('iconfont.woff') format('woff'),

url('iconfont.ttf') format('truetype'),

url('iconfont.svg#iconfont') format('svg');

}

通過以上的分析，我們就可以得出結論：font-family 方法是沒有問題的，但是 @font-face 方法就會造成侵權。