Skip to content

Instantly share code, notes, and snippets.

View alyssachk's full-sized avatar

Alyssa C. alyssachk

View GitHub Profile
@alyssachk
alyssachk / notosanstc.css
Last active May 9, 2023 13:10
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.
/*
* 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');
@alyssachk
alyssachk / notosanstc-300-500.css
Last active September 11, 2016 05:09
Noto Sans TC Light & Medium Only
/*
* 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');
@alyssachk
alyssachk / notosanssc.css
Created September 11, 2016 05:12
This is the Noto Sans Simplified Chinese family. It has Thin, Light, Regular, Medium, Bold and Black styles.
/*
* 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');
@alyssachk
alyssachk / cwtexkai.css
Created September 11, 2016 05:22
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'),
@alyssachk
alyssachk / cwtexyen.css
Created September 11, 2016 05:25
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'),
@alyssachk
alyssachk / cwtexfangsong.css
Created September 11, 2016 05:26
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'),
@alyssachk
alyssachk / cwtexming.css
Created September 11, 2016 05:27
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'),
@alyssachk
alyssachk / cwtexhei.css
Created September 11, 2016 05:28
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'),
@alyssachk
alyssachk / back-to-top.css
Created September 11, 2016 06:28
Back to Top Button CSS
.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;
@alyssachk
alyssachk / back-to-top.js
Created September 11, 2016 06:38
Back to Top Button jQuery
<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);