Tech Junkie Blog - Real World Tutorials, Happy Coding!: CSS Stretch And Condense Fonts With font-stretch

Friday, June 18, 2021

CSS Stretch And Condense Fonts With font-stretch

One descriptor of the font property in CSS is the font-stretch descriptor.  This descriptor widens and narrows a font family that has width-variant faces.

The values for widening and narrowing fonts are the following:

  • normal
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded
The way you define a font-stretch is the following

      p.uc {font-family: Verdana; font-stretch: ultra-condensed;}


This is how you would use it in your HTML markup

     <p class="uc">Verdana Font ultra-condensed</p>




















Here is the entire HTML markup:

<html>
    <head>
        <style>
            p.uc {font-family: Verdana; font-stretch: ultra-condensed;}
            p.ec {font-family: Verdana; font-stretch: extra-condensed;}
            p.c {font-family: Verdana; font-stretch: condensed;}
            p.sc {font-family: Verdana; font-stretch: semi-condensed;}
            p.se {font-family: Verdana; font-stretch: semi-expanded;}
            p.e {font-family: Verdana; font-stretch: expanded;}
            p.ee {font-family: Verdana; font-stretch: extra-expanded;}
            p.ue {font-family: Verdana; font-stretch: ultra-expanded;}
        </style>
    </head>
    <body>
        <p class="uc">Verdana Font ultra-condensed</p>
        <p class="ec">Verdana Font extra-condensed</p>
        <p class="c">Verdana Font condensed</p>
        <p class="sc">Verdana Font semi-condensed</p>
        <p class="se">Verdana Font semi-expanded</p>
        <p class="e">Verdana Font expanded</p>
        <p class="ee">Verdana Font extra-expanded</p>
        <p class="ue">Verdana Font ultra-expanded</p>
    </body>
</html>

Previous: CSS: Use @font-face To Use Custom Fonts

51 comments:

  1. I m very impress after read your blog for first time your Amazing content I will definitely shared other platform
    QuickBooks Support Phone Number


    ReplyDelete
  2. This is amazing article its really very helpful blog thanks for sharing with us .keep going on always .you can also check our service
    quickbooks support phone number

    ReplyDelete
  3. Found your blog interesting to read. I cant wait to see your post soon. Good Luck for the upcoming update. This article is really very interesting and effective .We have gained our specialization after spending history essay most of our time making ourselves perfect. We provide 100% plagiarism-free Assignment Writing Services. Our assignment helps study help developers are experts write my essay in every subject because of which they provide reliable services all over the world.

    ReplyDelete
  4. This is useful information for me thanks for sharing with us can you get benefit my service




    quickbooks customer service phone number

    ReplyDelete
  5. its is very inspiring article .I loved your article which fulfill all accounting service needed

    Thanks for sharing us .you can also benefit my quickbooks customer service number

    ReplyDelete
  6. This is impressive information thanks for sharing with us .If you are looking accounting software solution Our experts at
    QuickBooks customer service

    ReplyDelete
  7. I appreciate to your blog because this BLOG is different according to other Blogging.
    quickbooks phone number

    ReplyDelete
  8. u r blog is profesional and Informative and this has helped me with one component.
    Quickbooks customer service

    ReplyDelete
  9. Awesome issues here. I am very satisfied to look your article.
    Thanks a lot and I’m taking a look forward to contact you.

    Will you please drop me a e-mail?강남안마

    ReplyDelete
  10. Thanks for all the tips mentioned in this article! it's always good to read things you have heard before and are implementing.온라인바둑이

    ReplyDelete
  11. Very informative blog article.Really thank you! Really Great.바카라사이트

    ReplyDelete
  12. call us on Quickbooks Phone Number 1866-822-4745 and get effective ways to mend QuickBooks problems.

    ReplyDelete
  13. Our team at Quickbooks Phone Number 1833-244-5865 is responsible to make sure that particular issue should be discarded in the quickest time. Here you will receive permanent solutions to QuickBooks issues.

    ReplyDelete
  14. These errors can cause a serious issue in your work. To eliminate these errors, connect with our team at Quickbooks Phone Number1 877-754-1114.

    ReplyDelete
  15. Immediate help for QuickBooks errors can be availed at Quickbooks Phone Number 1 877-948-5867

    ReplyDelete
  16. quickbooks customer service number 1 866-447-5478 and enjoy quick assistance for QuickBooks troubles

    ReplyDelete
  17. Get quick service for QuickBooks on Quickbooks Phone Number 1 855-756-1077

    ReplyDelete
  18. Get customer support service on time at quickbooks customer service number 1 866-822-4745

    ReplyDelete
  19. Amazing! This blog looks just like my old one!
    It’s on a totally different topic but it has pretty much the same layout and design. Outstanding choice of colors!
    click me here카지노사이트
    yyy

    ReplyDelete
  20. Still looking for help with your Quickbooks? Our global, local, and phone customer service will be here to help you 24/7
    quickboks customer service(855) 742-7868.

    ReplyDelete
  21. Avail the right methods to solve QuickBooks errors on Quickbooks Phone NumberQuickbooks Phone Number (877) 762-1118

    ReplyDelete
  22. Like!! I blog quite often and I genuinely thank you for your information. The article has truly peaked my interest. 파워볼게임

    ReplyDelete
  23. Article writing is also a fun, if you know then you can write otherwise it
    is complex to write.Look at my site 경마

    ReplyDelete
  24. I am regular visitor, how are you everybody?
    This article posted at this website is in fact good
    I えがおんカジノ

    ReplyDelete
  25. Keep up the great works guys I’ve included you guys to my personal blogroll 토토

    ReplyDelete
  26. What an interesting article! I'm glad i finally found what i was looking for. 스포츠토토

    ReplyDelete
  27. I m very excited after read your blog . are you troubles in QuickBooks? just call us at

    QuickBooks Customer Service

    ReplyDelete
  28. Hi to all, how is everything, I think every one is getting
    more from this web site, and your views are good for new people.Click Me Here온라인슬롯


    4YANGSKIE

    ReplyDelete
  29. I like what you guys are up also. Such clever work and reporting! Carry on the excellent works guys I?|ve incorporated you guys to my blogroll. I think it will improve the value of my website.카지노사이트프로

    ReplyDelete
  30. Very nice article, exactly what I needed.Click Me Here국내경마


    4YAGKIE

    ReplyDelete
  31. Wonderful web journal. I appreciated perusing your articles. This is really an awesome read for me.
    I have bookmarked it and I am anticipating perusing new articles. Keep doing awesome!
    카지노사이트

    ReplyDelete
  32. I got a web site from where I be capable of really obtain valuable information regarding my study and knowledge.
    Great Article… Good Job… Thanks For Sharing…
    토토사이트

    ReplyDelete
  33. Hello, I am one of the most impressed people in your article. sòng bạc I'm very curious about how you write such a good article. Are you an expert on this subject? I think so. Thank you again for allowing me to read these posts, and have a nice day today. Thank you.


    ReplyDelete
  34. C'est incroyable de visiter rapidement ce site Web et de lire le point de vue de tous les collègues.
    J'ai également hâte de me familiariser avec ce texte.


    https://www.totosafeguide.com

    ReplyDelete
  35. i love this Article hey you are searching QuickBooks Accounting Solution then dial at
    QuickBooks Support Phone Number+1 866-669-5068 with QuickBooks Enterprise Support

    ReplyDelete
  36. if someone searching QuickBooks Help then you can through, try dialing
    QuickBooks Support Phone Number +1 888-210-4052 with our expert QuickBooks Enterprise Supportfeasible solutions to every query of their user.

    ReplyDelete
  37. Hello, I am one of the most impressed people in your article. 우리카지노 What you wrote was very helpful to me. Thank you. Actually, I run a site similar to you. If you have time, could you visit my site? Please leave your comments after reading what I wrote. If you do so, I will actively reflect your opinion. I think it will be a great help to run my site. Have a good day.


    ReplyDelete
  38. very Excellent Blog Thanks For sharing With us you are getting troubleshoot of QuickBooks issue at Quickbooks Customer Service +1 855-548-4814 by professional Expert QuickBooks Enterprise SupportTeam

    ReplyDelete
  39. What I was thinking about was solved thanks to your writing. I have written on my blog to express my gratitude to you.메리트카지노My site is We would be grateful if you visit us.


    ReplyDelete
  40. From some point on, I am preparing to build my site while browsing various sites. It is now somewhat completed. If you are interested, please come to play with 바카라사이트!!


    ReplyDelete
  41. What a nice post! I'm so happy to read this. baccarat What you wrote was very helpful to me. Thank you. Actually, I run a site similar to you. If you have time, could you visit my site? Please leave your comments after reading what I wrote. If you do so, I will actively reflect your opinion. I think it will be a great help to run my site. Have a good day.


    ReplyDelete
  42. 메이저사이트추천December 23, 2021 at 3:35 AM

    Youre so right. Im there with you. Your weblog is definitely worth a read if anyone comes throughout it. Im lucky I did because now Ive received a whole new view of this. 메이저사이트추천


    ReplyDelete
  43. How can you think of this? I thought about this, but I couldn't solve it as well as you.샌즈카지노I am so amazing and cool you are. I think you will help me. I hope you can help me.


    ReplyDelete
  44. Nice And informative Article if you looking Quickbooks Support for any quickbooks related issues contact to quickbooks customer service +18889814592 team.

    ReplyDelete
  45. the font property in CSS is the font-stretch descriptor. Custom Homework Help This descriptor widens and narrows a font family that has width-variant faces.

    ReplyDelete
  46. This page truly has all the information I needed about this subject and didn’t know who to ask.


    https://www.betmantoto.pro

    ReplyDelete
  47. Hi, I read your blogs like every week. Your story-telling style is awesome, keep doing what you’re doing!


    https://www.safetotosite.pro

    ReplyDelete
  48. Hi, you look like you' I want to join you. I hope we can do it together next time.

    ReplyDelete
  49. 사설토토사이트December 7, 2022 at 12:15 AM

    I don't waste my precious time to read your post. I read a very good article. thank you :) 사설토토사이트

    ReplyDelete

Search This Blog