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

54 comments:

  1. Venkatesh CSAugust 15, 2019 at 11:03 PM

    Excellent Blog. Thank you so much for sharing.
    best react js training in chennai
    react js training in Chennai
    react js workshop in Chennai
    react js courses in Chennai

    ReplyDelete
  2. daisydavisJune 23, 2021 at 1:14 AM

    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
  3. SimmyjessureJune 24, 2021 at 2:20 AM

    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
  4. Emma JacksonJune 25, 2021 at 2:45 AM

    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
  5. SimmyjessureJune 29, 2021 at 1:40 AM

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




    quickbooks customer service phone number

    ReplyDelete
  6. alexa joneJuly 2, 2021 at 1:16 AM

    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
  7. alexa joneJuly 14, 2021 at 1:52 AM

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

    ReplyDelete
  8. ArizonaJuly 22, 2021 at 1:27 AM

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

    ReplyDelete
  9. wy983450July 22, 2021 at 1:44 AM


    hello,What do you think about posting the Newsletter to a blog with its own specific link, then mailing a short email with the without it within so people can read it on the blog, similar to how you do with the Recommendations?
    Quickbooks customer service number

    ReplyDelete
  10. wisconsinJuly 22, 2021 at 1:53 AM

    your blog content is funtastic.
    Quickbooks Phone Number

    ReplyDelete
  11. MinnesotaJuly 22, 2021 at 2:10 AM

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

    ReplyDelete
  12. OhioJuly 22, 2021 at 2:28 AM

    nice blog information is enthralling and inventive..
    Quickbooks Customer Service

    ReplyDelete
  13. georgethomasJuly 23, 2021 at 12:02 AM

    Nice to see your post. Wonderful and deep post you’ve written here. That’s truly has added a lot to our knowledge about this topic. Have a more successful day.
    paper editor services - online matlab assignment help - online expository essay topics

    ReplyDelete
  14. North CarolinaJuly 23, 2021 at 10:14 AM

    Thanks for providing such wonderful ideas with us on your blog.
    Quickbooks Customer Service Number

    ReplyDelete
  15. oncasinositeJuly 29, 2021 at 8:36 AM

    Way cool, some valid points! I appreciate you making this article available, the rest of the site is also high quality. Have a fun. 카지노사이트

    ReplyDelete
  16. casinositewinJuly 29, 2021 at 8:37 AM

    Very good information. Lucky me I recently found your website by accident I have book marked it for later! 카지노사이트

    ReplyDelete
  17. oncasinositeinfoJuly 29, 2021 at 8:38 AM

    Admiring the time and energy you put into your blog and in depth information you offer. It's good to come across a blog every once in a while that isn't the same outdated rehashed material. Fantastic read! I've bookmarked your site 카지노사이트

    ReplyDelete
  18. totositehotproJuly 29, 2021 at 8:38 AM

    Best of luck with your future as your regular reader of your blog I am giving you the appraisal that if you get any ups down you can reach me out at any time. 토토

    ReplyDelete
  19. ArizonaAugust 2, 2021 at 9:57 AM

    It's fantastic...When it comes to the carrier, blogging is the finest.
    quickbooks phone number

    ReplyDelete
  20. opbestcom7August 3, 2021 at 2:06 PM

    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
  21. powerball365infoAugust 4, 2021 at 11:53 PM

    These are really fantastic ideas in about blogging. You have touched some fastidious factors here. 파워볼 하는법

    ReplyDelete
  22. racesiteproAugust 4, 2021 at 11:57 PM

    Having read this I believed it was really enlightening. I appreciate you spending some time and energy to put this content together. 온라인경마


    ReplyDelete
  23. reelgamesiteAugust 5, 2021 at 12:00 AM

    If you wish for to grow your familiarity simply keep visiting this web page and be updated with the latest news posted here. 파친코사이트

    ReplyDelete
  24. totosite365infoAugust 5, 2021 at 12:01 AM

    Thanks for sharing this wise and mindful content , keep it up mate 스포츠토토

    ReplyDelete
  25. badugisitenetAugust 10, 2021 at 12:32 AM

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

    ReplyDelete
  26. casinositehot.comAugust 10, 2021 at 12:33 AM

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

    ReplyDelete
  27. casinositetop.comAugust 10, 2021 at 12:37 AM

    Excellent information on your blog, thank you for taking the time to share with us.카지노사이트

    ReplyDelete
  28. wisconsinAugust 12, 2021 at 1:23 AM

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

    ReplyDelete
  29. MinnesotaAugust 12, 2021 at 1:33 AM

    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
  30. Washington DCAugust 12, 2021 at 1:51 AM

    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
  31. ArizonaAugust 24, 2021 at 4:34 AM

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

    ReplyDelete
  32. wy983450August 24, 2021 at 5:02 AM

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

    ReplyDelete
  33. North CarolinaAugust 24, 2021 at 5:10 AM

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

    ReplyDelete
  34. wisconsinAugust 24, 2021 at 5:19 AM

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

    ReplyDelete
  35. 카지노사이트August 30, 2021 at 1:20 AM

    https://eseq2022.com/ - 카지노사이트
    https://eseq2022.com/meritcasino/ - 메리트카지노
    https://eseq2022.com/sandscasino/ - 샌즈카지노
    https://eseq2022.com/firstcasino/ - 퍼스트카지노
    https://eseq2022.com/coupon/ - 카지노가입쿠폰
    https://eseq2022.com/livecasino/ - 라이브카지노
    https://eseq2022.com/mobilecasino/ - 모바일카지노

    ReplyDelete
  36. oncadaycom89August 31, 2021 at 11:33 AM

    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
  37. kimmylee539September 3, 2021 at 11:53 PM

    I do trust all of the ideas you have introduced on your post. They’re very convincing and can definitely work. Nonetheless, the posts are too brief for newbies. Could you please extend them a bit from subsequent time? Thank you for the post.
    토토사이트

    ReplyDelete
  38. MinnesotaSeptember 4, 2021 at 3:13 AM

    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
  39. Washington DCSeptember 4, 2021 at 3:32 AM

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

    ReplyDelete
  40. Crown999September 5, 2021 at 10:49 PM

    Looking at this article, I miss the time when I didn't wear a mask. keonhacai Hopefully this corona will end soon. My blog is a blog that mainly posts pictures of daily life before Corona and landscapes at that time. If you want to remember that time again, please visit us.

    ReplyDelete
  41. powerball365September 8, 2021 at 10:37 AM

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

    ReplyDelete
  42. racesiteproSeptember 8, 2021 at 10:41 AM

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

    ReplyDelete
  43. sunshine101September 10, 2021 at 8:41 AM

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

    ReplyDelete
  44. casinosite777.infoSeptember 10, 2021 at 9:46 AM

    Well I truly enjoyed reading it. This subject offered by you is very helpful and accurate.카지노사이트

    ReplyDelete
  45. baccaratsite.topSeptember 10, 2021 at 9:54 AM

    Thanks for sharing with us this important Content. I feel strongly about it and really enjoyed learning more about this topic.
    바카라사이트

    ReplyDelete
  46. sportstoto.zoneSeptember 10, 2021 at 10:01 AM

    Excellent Blog! I would like to thank you for the efforts you have made in writing this post.
    토토사이트

    ReplyDelete
  47. baccaratsite.bizSeptember 10, 2021 at 10:08 AM

    This article is very helpful and interesting too. Keep doing this in future. I will support you.카지노사이트

    ReplyDelete
  48. sportstototopcomSeptember 11, 2021 at 2:28 AM

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

    ReplyDelete
  49. sportstotolinkSeptember 11, 2021 at 2:30 AM

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

    ReplyDelete
  50. SimmyjessureSeptember 16, 2021 at 5:30 AM

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

    QuickBooks Customer Service

    ReplyDelete
  51. oncadaycomSeptember 16, 2021 at 11:20 AM

    I’ve been surfing on-line more than three hours lately, but
    I never discovered any fascinating article like
    yours. It is beautiful price enough for me.
    Personally, if all site owners and bloggers made excellent content
    material as you probably did, the web will be a lot more helpful than ever before.
    카지노커뮤니티

    wep

    ReplyDelete
  52. allstarzgame99September 19, 2021 at 3:17 PM

    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
  53. casinosite.proSeptember 24, 2021 at 11:22 AM

    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
  54. magosucom77September 27, 2021 at 4:15 PM

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


    4YAGKIE

    ReplyDelete

Subscribe to: Post Comments (Atom)

Search This Blog