2012年12月1日土曜日

田胡・柴田研究室AdventCalendar2012開始!!!

記念すべき1日目は田胡研のスーパーアイドルである岩見が書いていくよ!!!

このカレンダーは何か技術的なネタを書いていくらしいんですが、僕に求められているのはそんなことではないと信じているのですんごくどうでもいいことを書いて後の人たちに任せようと思います。

とまぁ前置きはさておいて、そろそろ本題に入ろうかと
みなさんはWebフォントというものをご存知ですか?今回は知らない人から知ってる人でも、もしかしたら得するかもしれないことを書けたらなと思ってます。(ちなみに僕は今回の記事を書くために調べました

  • Webフォントってなーに?
CSS3から新たに導入された仕様で、使用したいフォントファイルを指定した場所から読み込んで利用することによって、ユーザーのローカル環境によって指定したフォントが適応されない!なんてことがなくなる素敵なものです。

  • どうやって使うの?
使い方自体はとても簡単で、CSSに以下のように書くだけです
@font-face {
  font-family: '使用したいフォント名';
  src: url('フォントファイルのURL') format('truetype');
}
任意の要素 {
  font-family: '使用したいフォント名';
}

では早速使ってみましょう、ここから使ってみたいWebフォントを選んでみましょう(見た目はリンク先ページ上部のDESIGNを見て確認しましょう)
今回はh1要素に対してmpuls-1p-blackというフォントを指定してみました、ブラウザで表示した時の画面はこんな感じです


アルファベットだと少し分かりにくいかもしれませんが、日本語の方は丸みを帯びた可愛らしい?フォントになってると思います。こういうフォントを使うとサイトの見た目も良くなりますね!(なるよね?)

これだけの記述で使えるようになるWebフォントですが、もっと簡単にWebフォントを使う方法があります。それはGoogle web fontsを利用することです、名前を見れば分かる通りGoogleがなんと無償提供しているWebフォントです。

使い方は、一覧から見て気に入ったフォントのquick-useをクリックするとページ中央に

こんなのがあるので利用するWebページにコピペして、使いたい要素のスタイルのfont-familyを変えるだけです、今回はMystery Questというフォントを指定してみましたのでこちらもどんな画面なのかお見せします


どうでしょうか?中々面白い見た目になったと思います、残念ながら見てわかる通り日本語には対応していませんが、より手軽に面白いデザインのフォントが利用出来るだけでも十分だと思います。日本語も対応しているWebフォントを扱っているサイトもありますが、有料だったり無料で使うにも会員登録が必要だったりと手軽に使えるものを探すのが面倒だったので今回はここまでということで。

ということで〆に入りますが、Webフォントの本当に便利なところはそれがフォントだということです。CSSを変更すれば簡単に色や大きさを変更できます、もしサイトロゴなんかを画像で作っていたとしたら、そうはいきませんよね。サイトをお持ちの方はWebフォントでサイトロゴを作ってみるのも面白いかもしれません。Webフォントは色々なことが出来て面白いので、少しでも興味を持った人は自分でも調べてみましょう!(投げやり)

明日はひろじゅーさん書いてくれます。かなりすごいことを書くと言っていたので僕も今から楽しみです!!

33 件のコメント:

  1. คาสิโนออนไลน์ที่น่าเชื่อถือและมีความเป็นมืออาชีพที่สุดในตอนนี้
    โปรโมชั่นGclub ของทางทีมงานตอนนี้แจกฟรีโบนัส 50%
    เพียงแค่คุณสมัคร สล็อตออนไลน์ กับทางทีมงานของเราเพียงเท่านั้น
    ร่วมมาเป็นส่วนหนึ่งกับเว็บไซต์คาสิโนออนไลน์ของเราได้เลยค่ะ
    สมัครสล็อตออนไลน์ >>> Goldenslot
    สนใจร่วมสนุกกับ คาสิโนออนไลน์ คลิ๊กได้เลย
    มีทั้งคาสิโนออนไลน์ หวยออนไลน์ ฟุตบอลออนไลน์ สล็อตออนไลน์ และอื่นๆอีกมากมาย

    返信削除
  2. Legitimate custom nursing writing services are not hard to come across for those in need of Affordable Nursing Writing Services and nursing research writing services.

    返信削除
  3. Ethical research paper writing services have become very popular for those seeking ethics essay writing services as they engage the best Ethics Research Writing Services.

    返信削除
  4. VR Combatives Academy believes in a healthy workplace and a healthy business. Our martial arts programs are for people who actually want to achieve greatness. Employees get a solid fitness program at VR Combatives. This Martial Art Corporate Programs is categorized into a few sections in a safe and controlled environment where employees learn more about leadership skills, martial art attributes, and lifestyle coaching.

    返信削除
  5. VR Combatives Academy believes in a healthy workplace and a healthy business. Our martial arts programs are for people who actually want to achieve greatness. Employees get a solid fitness program at VR Combatives. Self Defense Classes for Companies
    Self Defense Corporate Training

    返信削除
  6. Great writing to see, glad that google brought me here, Keep Up cool job
    If you are going for best contents like I do, simply go to see this website all the time as it provides feature contents, thanks
    고스톱

    返信削除
  7. Thanks for this helpful article. Looking forward to having my portfolio. You can also read some of my great reviews about Best!
    스포츠토토

    返信削除
  8. This is very useful article. I will connect it back to your site though
    Nice post! This is a very nice blog that I will definitively come back to more times this year! Thanks for informative post!
    성인웹툰

    返信削除
  9. Thanks for sharing the informative post. If you are looking the Linksys extender setup guidelines . so, we have a best technical expert for handlings your quires. for more information gets touch with us.
    토토사이트

    返信削除
  10. Technologistan is the popoular and most trustworthy resource for technology, telecom, business and auto news in Pakistan
    ufone internet packages

    返信削除
  11. It appears as if some of the written text on your content are running off the screen. Can someone else please comment and let me know if this is happening to them as well?

    바카라사이트
    야설
    오피
    횟수 무제한 출장
    타이마사지

    返信削除
  12. Useful information. Thanks for sharing with us.
    Are you planning to explore Best Goa Beach and want to know the best places to see in a day around Goa then do not worry anymore. You can check out by talking to the travel consultants. They will help you know the places that are worth exploring in the daytime & nighttime and will help you capture the memories of spending the time over there with your families.

    返信削除
  13. Nice information. It's really helpful information for me. Thanks for giving me this information.
    The process to How To Check Cash App Balance by phone is the same as checking your Cash Card funds. Users who are accessing cash app services but if sometimes they are unable to check cash app balance due to some of the technical issues then it is not worried about it. By following out link from this section, cash app users will be able to accomplish it and able to solve their issues.

    返信削除
  14. Awesome post.Thanks for sharing.This is so nice. 토토사이트

    返信削除
  15. Your article is very helpful.You can visit my website 경마

    返信削除
  16. Fantastic web site. Lots of helpful info here 파친코사이트

    返信削除
  17. Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative.
    스포츠토토

    返信削除
  18. Very great post. I just stumbled upon your blog and wanted to say that I have truly loved browsing your blog posts. In any case I will be subscribing on your feed and I hope you write again very soon! Feel free to visit my website;
    야설

    返信削除
  19. I'm glad that i found this type of site, after so many hours of searching of a marvelous site like yours so. Thanks a lot. Feel free to visit my website;
    국산야동


    返信削除
  20. Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I'll be subscribing to your feed and I hope you post again soon. Big thanks for the useful info. Feel free to visit my website; 일본야동

    返信削除
  21. I have seen your post and I really found it very informative, we give online assignment help to students at genuine price.

    返信削除
  22. Looking for the best study guides for coursework help online in the USA? We offer coursework writing tricks Of Assessment And students at the lowest prices. Click the web page instantly and improve your grades today.

    返信削除
  23. Is it valid or not that you are searching for accounting assignment help? Then, at that point, now, you can end your request here. We are among the best accounting assignment assistants in the US. We have a bunch of experienced journalists in our gathering who prepare assignments as per your need and a short time later complete the undertaking before the cutoff time.

    返信削除
  24. Youre so cool! I dont suppose Ive read anything similar to this before. So nice to get somebody by incorporating original applying for grants this subject.

    view my link now: 스포츠토토

    返信削除
  25. I am actually happy to read this website posts which contains plenty of helpful information, thanks for providing these kinds of statistics. 바둑이사이트넷

    返信削除
  26. This is very interesting, You’re a very skilled blogger. 바카라사이트

    返信削除
  27. Actually Magnificent. I am also a specialist in this topic so I can understand your effort. 바카라사이트

    返信削除
  28. GreatAssignmentHelper.com is a thesis writing service that is focused on helping students in Australia and beyond with their assignments.

    返信削除
  29. Keep up the good work , I read few posts on this web site and I conceive that your blog is very interesting and has sets of fantastic information.
    사설토토

    返信削除
  30. You may buy real Instagram likes from us for a reasonable price. You can attract consumers or followers to your account by receiving some first likes. You can compete with other individuals or businesses by showcasing your posts and content if you obtain IG likes from us. This could prove to be a worthwhile investment for your company. Furthermore, you will be able to attract more followers if you get a lot of early likes on your posts and material.
    To comprehend the significance of Instagram likes, you must first consider what Instagram is. Instagram is a photo and video-sharing social media network. What does it mean to "like" something? It is self-evident that someone enjoys the stuff that has been shared. The fundamental explanation for the importance of likes, however, is far more than meets the eye. Likes show the individual who views your material that it is worth their time. Likes also serve to validate your Instagram account in the eyes of others, since they demonstrate that your content is widely accepted and loved.

    How many likes does a post need before others think it's good?
    This question does not have a one-size-fits-all response. To be honest, some people may believe that a few hundred likes are sufficient. When a piece of material reaches 50 likes, things start to shift. That's when people start to take it seriously and consider whether or not they like it.

    Why are likes so important on Instagram?
    Instagram is fuelled by a behind-the-scenes algorithm that shows people material based on a secret rating, which most internet marketers are unaware of. Likes are an important aspect of the Instagram algorithm since they tell the social media site that a piece of content is enjoyed by a large number of people. If Instagram thinks other people will enjoy your content, you'll get more organic exposure. It may sound extremely simplistic, but this is how the platform works. Instagram shows your content to more people if it feels that those who saw your content enjoyed themselves.

    In the end, it's all about organic growth.
    "Above all things, you're attempting to organically increase your account. Because it's just a number, the likes aren't that important to you. It's important to Instagram because it's how they decide whether or not you should get more of their traffic. Any marketer will tell you that Instagram traffic is worth its weight in gold. Any technique you can generate more free Instagram traffic while increasing your number of followers and Instagram views is the key to long-term success"

    Powered by:
    DigitalKali

    返信削除