Skip to content

Instantly share code, notes, and snippets.

View alyssachanspace's full-sized avatar

Alyssa Chan alyssachanspace

View GitHub Profile
@alyssachanspace
alyssachanspace / notosanstc.css
Created February 2, 2017 17:40
Noto is a font family that aims to support all languages in the world. This is the Sans Traditional Chinese family. It has Thin, Light, Regular, Medium, Bold and Black styles. For more information about Noto, go to google.com/get/noto. Noto Sans TC has been subsetted to the most frequent 7,800 Chinese characters in Traditional Chinese documents.…
/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Noto Sans TC';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype');
@alyssachanspace
alyssachanspace / notosanstc-300-500.css
Created February 2, 2017 17:45
Web font: Noto Sans TC weight 300 & 500
/*
* Noto Sans TC (Chinese_traditional) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Noto Sans TC';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype');
@alyssachanspace
alyssachanspace / cwtexkai.css
Created February 2, 2017 17:48
cwTeXKai font (Chinese: 楷體) is derived from the cwTeX Traditional Chinese Type 1 fonts made by Tsong-Min Wu, Tsong-Huey Wu and Edward G.J. Lee.
/*
* cwTeXKai (Chinese Traditional) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'cwTeXKai';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.eot);
src: url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/cwtexkai/v3/cwTeXKai-zhonly.woff2) format('woff2'),
@alyssachanspace
alyssachanspace / cwtexyen.css
Created February 2, 2017 17:53
cwTeXYen font (Chinese: 圓體) is derived from the cwTeX Traditional Chinese Type 1 fonts made by Tsong-Min Wu, Tsong-Huey Wu and Edward G.J. Lee.
/*
* cwTeXYen (Chinese Traditional) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'cwTeXYen';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot);
src: url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/cwtexyen/v3/cwTeXYen-zhonly.woff2) format('woff2'),
@alyssachanspace
alyssachanspace / cwtexfangsong.css
Created February 2, 2017 17:56
cwTeXFangSong font (Chinese: 仿宋體) is derived from the cwTeX Traditional Chinese Type 1 fonts made by Tsong-Min Wu, Tsong-Huey Wu and Edward G.J. Lee.
/*
* cwTeXFangSong (Chinese Traditional) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'cwTeXFangSong';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot);
src: url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/cwtexfangsong/v3/cwTeXFangSong-zhonly.woff2) format('woff2'),
@alyssachanspace
alyssachanspace / cwtexming.css
Created February 2, 2017 17:58
cwTeXMing font (Chinese: 明體) is derived from the cwTeX Traditional Chinese Type 1 fonts made by Tsong-Min Wu, Tsong-Huey Wu and Edward G.J. Lee.
/*
* cwTeXMing (Chinese Traditional) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'cwTeXMing';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.eot);
src: url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/cwtexming/v3/cwTeXMing-zhonly.woff2) format('woff2'),
@alyssachanspace
alyssachanspace / cwtexhei.css
Created February 2, 2017 17:59
cwTeXHei font (Chinese: 黑體) is derived from the cwTeX Traditional Chinese Type 1 fonts made by Tsong-Min Wu, Tsong-Huey Wu and Edward G.J. Lee.
/*
* cwTeXHei (Chinese-traditional) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'cwTeXHei';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
@alyssachanspace
alyssachanspace / notosanssc.css
Created February 2, 2017 18:01
Noto is a font family that aims to support all languages in the world. This is the Sans Simplified Chinese family. It has Thin, Light, Regular, Medium, Bold and Black styles. For more information about Noto, go to google.com/get/noto. Noto Sans SC has been subsetted to cover all the Chinese characters listed in China’s 通用规范汉字表 (Tōngyòng Guīfàn H…
/*
* Noto Sans SC (Chinese Simplified) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Noto Sans SC';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Thin.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Thin.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Thin.otf) format('opentype');
@alyssachanspace
alyssachanspace / back-to-top.css
Last active August 2, 2020 11:02
Style of Back to Top Button
.back-to-top {
display:none;
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
color: #000000;
background-color: rgba(235, 235, 235, 0.80);
font-size: 12px;
padding: 1em;
@alyssachanspace
alyssachanspace / back-to-top.js
Created February 2, 2017 18:20
jQuery script of Back to Top button
<a href="#" class="back-to-top">回到頁首</a>
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
jQuery('.back-to-top').fadeOut(duration);