CSS 載入外部字型 / 字體

漂亮的字體可以讓增添網頁個性及可讀性，但要注意載入外部字型 / 字體則會增加網站下載的時間，這兩者的平衡則交由網頁設計師的判斷，本篇介紹如何將外部字型載入 CSS 中

CSS 載入字型 / 字體

font-family: 定義字體的名稱 'Helvetica' ，這名稱是可以自定義的
src: 依序載入字體，而 local( "Helvetica" )，會先找使用者電腦中是否有安裝此字體，如果有則直接使用使用者的系統字體，如果使用者系統沒此字體再依序下載字體
url: 相對路徑或絕對路徑

CSS 使用已載入字型 / 字體

字體格式 ( format ) 對照表

字型格式附檔名format() 指定方式WOFF（Web Open Font Format）.woff"woff"TrueType.ttf"truetype"OpenType.ttf 或 .otf"opentype"Embedded OpenType.eot"embedded-opentype"SVG Font.svg 或 .svgz"svg"

Refrance:
https://blog.gtwang.org/web-development/css-font-face/
https://www.iware.com.tw/qa-508.html

[……]

閱讀更多

MySQL #1067 – Invalid default value for ‘post_date’

datetime 的預設值設定為 0000-00-00 00:00:00 在舊版本沒問題，但在MySQL5.7後會出現 錯誤，主要原因從 MySQL 5.7 開始，SQL 模式預設為 NO_ZERO_DATE ，需禁用此限制。本文提供兩種解法：

方法一、

先將欄位預設值設定為NULL：

再更新預設值

方法二、

先執行關閉 NO_ZERO_DATE 模式

就可以順利執行

https://stackoverflow.com/a/37696251/6784662
https://stackoverflow.com/a/32829623

[……]

閱讀更多

PHP json_encode sting in HTML input field

json_encode 輸出於 HTML input 發生異常

把PHP中的Array透過json_encode()轉換成Json格式輸出到HTML input value中如下：

輸出於 HTML 發生異常，只剩下左側「中括號」

主要原因是Json中的雙引號與HTML的雙引號打架

可以使用 htmlspecialchars() 簡單解決這問題

在執行 json_encode() 後再執行 htmlspecialchars() 如下方代碼

如此就正常輸出囉

https://stackoverflow.com/a/21887262

[……]

閱讀更多

Social Network Service (SNS) Share Link

Facebook

  • http://www.facebook.com/share.php?u=[URL]&t=[TITLE]&pic=[IMAGE]

Twitter

  • http://twitter.com/intent/tweet?text=[TITLE]&url=[URL]&pic=[IMAGE]

Google Plus

  • https://plus.google.com/share?url=[URL]&t=[TITLE]

Pinterest

  • https://www.pinterest.com/pin/create/button/?url=[URL]&description=[TITLE]&media=[IMAGE]

Linkedin

  • https://www.linkedin.com/sharing/share-offsite/?url=[URL]&title=[TITLE]

Delicious

  • http://del.icio.us/post?url=[URL]&title=[TITLE]

Tumblr

  • http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE]

Digg

  • http://digg.com/submit?phase=2&url=[URL]&title=[TITLE]

StumbleUpon

  • http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]

Reddit

  • http://reddit.com/submit?phase=2&url=[URL]&title=[TITLE]

新浪微博

  • http://v.t.sina.com.cn/share/share.php?title=[TITLE]+[URL]&pic=[IMAGE]

QQ 空间

  • http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=[URL]

人人网

  • http://share.renren.com/share/buttonshare.do?link=[URL]&title=[TITLE]

腾讯微博

  • http://v.t.qq.com/share/share.php?url=[URL]&title=[TITLE]

https://github.com/bradvin/social-share-urls
https://chon.io/notes/social-media-sharing-link-url/

[……]

閱讀更多

小店也可落實「QRCode實聯制」，免費使用、避免接觸、保障顧客隱私

小店也可落實「實聯制」，免費使用
QRCode 避免接觸傳染，保護顧客隱私
本公司緊急開發，請自由取用、分享[……]

閱讀更多

PHP function alias 方法別名

開發PHP專案的時候，有時會有更改 function 名稱的需求，也許當時是趕時間草率命名，也許是拼錯字，但隨時間推移，更改 function 的名字就變得很可怕，可能一改造成一連串的錯誤，但不改又很礙眼，感覺很痛苦，為避免錯誤連換爆的這個狀況，思考是否可以用「別名」的概念，讓新的 function 跟舊的 function 都可以做一樣的事情，在不發生錯誤的情況下慢慢汰除舊名字，隨著版本的演進直至所有舊名都被移除，最後再將「別名」移除

最簡單的做法

stackoverflow Jon 提供了一個最簡單的做法

https://stackoverflow.com/a/23426311

不過此做法存在缺陷，在 class 中呼叫會找不到 function

以下是目前最好解法

由 stackoverflow Nathan Crause 提出

https://stackoverflow.com/a/2877219/6784662

做了一點小修改

龜毛了一點，我習慣別名再右方，為維持這習慣我把上面方法做了一點小修改，更好理解

[……]

閱讀更多

XAMPP Win10 Carch – Error: MySQL shutdown unexpectedly.

不知道怎麼回事，今天打開我本機的開發環境的 XAMPP ，無法啟動 MySQL ，因次開始排除錯誤，也將這個過程紀錄，如您也遇到一樣情況，可以參考本文，希望也能解決您的問題

開啟 XAMPP 出現一堆錯誤的紅字

檢視錯誤日誌

由 XAMPP 控制面板開啟 mysql error log， 紅框這一段似乎是錯誤的原因

修復錯誤

詳細原因其實也不是很清楚，網路上找到下列這篇文章，似乎是最簡單解決這個問題，本文是依照下列這篇文章進行問題排除，不過有點不太一樣就是，有興趣可參考原文
xampp mysql and
phpmyadmin dont work

備份資料檔案

如果您的資料已經有資料了，強烈建議備份下來，再來的動作可能會造成原有資料遺失，做危險操作時，花一些時間備份，養成好習慣

資料檔案預設目錄：C:\xampp\mysql\data

複製 backup 目錄檔案覆蓋於 data 目錄

預設 backup 目錄：C:\xampp\mysql\backup

複製 backup 目錄檔案覆蓋於 data 目錄

注意!! 若您 資料庫有使用 innodb 在複製 backup 中的檔案時，不可以複製 ibdata1 這個檔案，同時也確保 ibdata1 存在您的 data 目錄中，ibdata1 刪除了，將無法恢復您的資料庫

如果您已誤刪了 ibdata1 這檔案了，還有救

請參考此文章，恢復您的 innodb

參考：recover mysql database from ibdata1

重啟資料庫

覆蓋檔案完成，重啟 MySQL，太好了，沒有報錯，接著開啟 phpMyAdmin 驗證一下是否正常

開啟 phpMyAdmin

噴了一些錯誤，但應該是密碼問題，剛覆蓋 backup 的檔案後，如果您的 phpMyAdmin 或其他程式都有設定資料庫登入密碼的話，需要重新設定密碼

MySQL 重設密碼

開啟 XAMPP 面板，按下右側的 Shell 按鈕

輸入下列這段指令更改資料庫 root 密碼

參考：Resetting MySQL Root Password with XAMPP on Localhost

成功開啟 phpMyAdmin

[……]

閱讀更多