diff options
Merge pull request #8 from picturepan2/feature/improve-asian-font
update asian fonts
1 files changed, 20 insertions, 22 deletions
| -rw-r--r-- | index.html | 42 |
@@ -159,14 +159,22 @@ </pre> <header class="text-center"><h5>paragraphs</h5></header> - <p>Lorem ipsum dolor sit amet, <span class="highlight">consectetur</span> adipiscing elit. <a href="#typography">Integer</a> posuere erat a ante.</p> + <p>Lorem ipsum dolor sit amet, <span class="highlight">consectetur</span> adipiscing elit. Praesent risus leo, <a href="#typography">dictum in vehicula sit amet</a>, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.</p> <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> <!-- headings example --> <pre class="code lang-html"> -<<span class="tag">p</span>>Lorem ipsum dolor sit amet, <<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">"highlight"</span>>consectetur<<span class="tag">/span</span>> adipiscing elit. <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span>>Integer<<span class="tag">/a</span>> posuere erat a ante.<<span class="tag">/p</span>> +<<span class="tag">p</span>>Lorem ipsum dolor sit amet, <<span class="tag">span</span> <span class="atn">class</span>=<span class="atv">"highlight"</span>>consectetur<<span class="tag">/span</span>> adipiscing elit. Praesent risus leo, <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span>>dictum in vehicula sit amet<<span class="tag">/a</span>>, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.<<span class="tag">/p</span>> <<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">"lead"</span>>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.<<span class="tag">/p</span>> </pre> + <header class="text-center"><h5>optimized for asian fonts</h5></header> + <p class="lead">你好, こんにちは, 안녕하세요</p> + <h6>Chinese (Simplified)</h6> + <p>革命不是请客吃饭，不是做文章，不是绘画绣花，不能那样雅致，那样从容不迫，“文质彬彬”，那样“温良恭俭让”。革命就是暴动，是一个阶级推翻一个阶级的暴烈的行动。</p> + <h6>Japanese</h6> + <p>祇園精舎の鐘の声、諸行無常の響きあり。沙羅双樹の花の色、盛者必衰の理をあらはす。おごれる人も久しからず。ただ春の夜の夢のごとし。たけき者も遂にはほろびぬ、ひとへに風の前の塵に同じ。</p> + <h6>Korean</h6> + <p>나라말이 중국과 달라, 한문・한자와 서로 통하지 아니하므로, 어리석은 백성들이 말하고자 하는 바가 있어도, 끝내 제 뜻을 펴지 못하는 사람이 많다. 내가 이를 불쌍히 여겨, 새로 스물 여덟 글자를 만드니, 사람마다 하여금 쉽게 익혀, 날마다 씀에 편하게 하고자 할 따름이다.</p> <header class="text-center"><h5>blockquote</h5></header> <blockquote> @@ -1528,26 +1536,14 @@ This is the content inside the modal. </p> <h4>Lorem ipsum</h4> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat. - </p> - <p> - Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs. - </p> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.</p> + <p>Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.</p> <h4>Cupcake ipsum</h4> - <p> - Jelly-o sesame snaps halvah croissant oat cake cookie. Cheesecake bear claw topping. Chupa chups apple pie carrot cake chocolate cake caramels. - </p> - <p> - De braaaiiiins apocalypsi gorger omero prefrontal cortex undead survivor fornix dictum mauris. Hi brains mindless mortuis limbic cortex soulless creaturas optic nerve. - </p> + <p>Jelly-o sesame snaps halvah croissant oat cake cookie. Cheesecake bear claw topping. Chupa chups apple pie carrot cake chocolate cake caramels.</p> + <p>De braaaiiiins apocalypsi gorger omero prefrontal cortex undead survivor fornix dictum mauris. Hi brains mindless mortuis limbic cortex soulless creaturas optic nerve.</p> <h4>Candy ipsum</h4> - <p> - Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar. - </p> - <p> - Caerphilly swiss fromage frais. Brie cheese and wine fromage frais chalk and cheese danish fontina smelly cheese who moved my cheese cow. - </p> + <p>Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar.</p> + <p>Caerphilly swiss fromage frais. Brie cheese and wine fromage frais chalk and cheese danish fontina smelly cheese who moved my cheese cow.</p> </div> </div> <div class="modal-footer"> @@ -1625,10 +1621,12 @@ <div class="form-group"> <label class="form-label">Gender</label> <label class="form-radio"> - <input type="radio" name="gender" /> Male + <input type="radio" name="gender" /> + <i class="form-icon"></i> Male </label> <label class="form-radio"> - <input type="radio" name="gender" checked /> Female + <input type="radio" name="gender" checked /> + <i class="form-icon"></i> Female </label> </div> </form> |