前端之路:html,h5設定自己下載的字型
在移動端直接設定h5頁面的font-family是不起作用的
所以我們從網站上下載自己的字型。
@font-face {
font-family: ‘XXXXX’; /字型名稱/
src: url(‘../font/alida.ttf’); /字型原始檔/
}
body{font-family: “字型名稱”}。
相關推薦
前端之路:html,h5設定自己下載的字型
從字型網站上下載字型,引入到css中 在移動端直接設定h5頁面的font-family是不起作用的 所以我們從網站上下載自己的字型。 @font-face { font-family: ‘XXXXX’; /字型名稱/ src: url(‘../font/alida.ttf’)
前端之路:bootstrap table 按鈕,元素,點選事件沒反應,無效的解決方方案。
問題:bootstrap table 生成的表格裡formatter新增 的 HTML元素 按鈕,js 中新增 點選事件,點選沒反應。或者點選好多次,重新整理在點選,才有反應。 最近專
前端之路:sql語句,表中隨機獲取一條記錄(資料)。(或者獲取隨機獲取多條(記錄)資料)
<!--表中獲取隨機一條title 耗時0.01s id==隨機欄位,最好為表id--> SELECT * FROM `tableName` AS t1 JOIN (SELECT ROUND(RAND() * ((SELECT MAX(id) FROM `ta
前端之路:網頁內容轉圖片,並且複製網頁內容,並且優化體驗。(截圖外掛Clipboard.js 的使用)。
做專案遇到一個比較奇葩的需求,覺得很有意思,記錄下。方便以後回憶。 涉及框架(html2canvas.min.js clipboard.mn.js): 直接連cdn <script src="https://cdn.bootcss.com/jquery/3.3
前端之路 day1 html和css
HTML標籤的分類: 1. 塊兒級標籤 預設獨佔一行(整個瀏覽器的寬度) 可以設定長和高 2. 行內標籤(內聯標籤) 長度由自己的內容來決定的。無法設定長和高 HTML巢狀的規則: 1. 塊兒級標籤可以巢狀行內標籤 (div標籤可以巢狀div標籤) 2. p標籤不能巢狀div標籤 form表單系列:
前端之路:一款好用的的jQuery前端提示外掛(webui-popover)
最近專案有點多,日記沒多少時間寫。哈哈。 今天介紹一款好用的提示控制元件 webui-popover 像popover(彈出框)這樣的外掛用處很廣,基本所有的社交網站都有。Bootstrap自帶的popover.js就實現了這個功能。但是在使用了幾天之
前端之路:bootstrap 好看漂亮的按鈕設計。
線上編輯: http://www.runoob.com/try/try.php?filename=bootstrap-button-example 線上圖示顏色引數快速獲取(點選按鈕獲取htme程式碼): http://www.runoob.com/t
前端之路:jq 實現input text值變化執行對應函式。
類似於,實現微博的‘還能輸入xxx個字元’。 html程式碼 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;
前端之路——第三篇:列表、表單、提交按鈕、html佈局、css的display,製造第一個表單提交案例
第三課了,今天知識點至關重要。 網頁常用的表單提交!!! 就這樣羅列下第三課的知識點吧,不搞水印圖片了。 1.有序列表:語法(<ol><li></li></ol>),<ol>標籤能讓瀏覽器預設帶出排序,教為少用
【免費贈書】前端程式設計師修煉之路:積土而為山,積水而為海
首先插播一條好訊息,新書《》已於9月在各大平臺上架,現免費送出4本(看到大家熱情這麼高漲,幸運人數已提升至4人),具體參與規則如下所列: (1)在文章後面的評論中寫出想要獲取此書的理由,隨便什麼都可以,不限制字數,並且一個使用者的多次評論只算作一次。 (2)活動截止日期為北京時間 2018 年 10
Unity3d修煉之路:遊戲開發中,3d數學知識的練習【1】(不斷更新.......)
turn tor rdo pre 長度 scrip 縮放 unity3d float #pragma strict public var m_pA : Vector3 = new Vector3(2.0f, 4.0f, 0.0f); public var m_pB :
Java學習之路:不走彎路,就是捷徑
下載地址 下載 何事 系統 也有 包括 軟件公司 項目管理師 應用 1.如何學習程序設計? Java是一種平臺,也是一種程序設計語言,如何學好程序設計不僅僅適用於Java,對C++等其他程序設計語言也一樣管用。有編程高手認為,JAVA也好C也好沒什麽分別,拿來就用。為什麽他
每天一個JS 小demo之韓雪冬輪播圖。主要知識點:html,css布局,對於數組和對象的理解和運用
身高 全局 borde ava ebo 空間 use mouseout desc 1 @charset "utf-8"; 2 /* CSS Document */ 3 4 * { padding: 0; margin: 0; } 5 li { list-st
高效Web前端開發之路:YUI 3.15 PDF掃描版
瀏覽器 瀏覽器兼容 key 掃描 data- 第6章 必須 第5章 HR JavaScript是一種最初由Netscape的LiveScript發展而來的面向對象的Web腳本語言,被ECMA國際定義為國際化標準——ECMAScript。JavaScript具有使用局限
前端之路 html
網頁中顯示 講解 每一個 必須 結束 vision 分類 css center 主要內容 web標準 瀏覽器介紹 開發工具介紹 HTML介紹 HTML顏色介紹 HTML規範 HTML結構詳解 一、web標準 web準備介紹: w3c
大前端之路node第(2)天:Express Generator搭建node專案後臺
使用 Express Generator Express Application Generator 能夠快速建立一個Express應用框架。 npm install express-generator -g express myapp --view=pug cd myapp npm i
大前端之路node第(3)天:mongodb資料庫工具之Mongoose
mongoDB簡介: mongoDB與一些關係型資料庫相比,它更顯得輕巧、靈活,非常適合在資料規模很大、事務性不強的場合下使用。同時它也是一個物件資料庫,沒有表、行等概念,也沒有固定的模式和結構,所有的資料以文件的形式儲存。 ·由c++語言編寫,是一個分散式檔案儲存的開源NoSQL資料庫
Linux學習之路:第二章配置網路IP,實現遠端連線(上)
備註:屬於個人分享,文章如有問題請留言,謝謝! 第二章配置網路IP,實現遠端連線 1、輸入使用者和密碼 輸入密碼的時候是不會顯示的 如何檢視Linux系統是32位還是64位,X86是32位,X86_64是64位 命令: unam
NET Core微服務之路:自己動手實現Rpc服務框架,基於DotEasy.Rpc服務框架的介紹和整合
本篇內容屬於非實用性(拿來即用)介紹,如對框架設計沒興趣的朋友,請略過。 快一個月沒有寫博文了,最近忙著兩件事; 一:閱讀劉墉先生的《說話的魅力》,以一種微妙的,你我大家都會經常遇見的事物,來建議說話的“藝術和魅力”,對於我們從事軟體開發、不太善於溝通
NET Core微服務之路:自己動手實現Rpc服務框架,基於DotEasy.Rpc服務框架的介紹和整合...
本篇內容屬於非實用性(拿來即用)介紹,如對框架設計沒興趣的朋友,請略過。 快一個月沒有寫博文了,最近忙著兩件事; 一:閱讀劉墉先生的《說話的魅力》,以一種微妙的,你我大家都會經常遇見的事物,來建議說話的“藝術和魅力”,對於我們從事軟體開發、不太善