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. 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. 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
  10. 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
  11. 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
  12. casinositehot.comAugust 10, 2021 at 12:33 AM

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

    ReplyDelete
  13. 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
  14. 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
  15. 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
  16. ArizonaAugust 24, 2021 at 4:34 AM

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

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

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

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

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

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

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

    ReplyDelete
  20. 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
  21. 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
  22. 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
  23. 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
  24. 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
  25. 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
  26. sportstototopcomSeptember 11, 2021 at 2:28 AM

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

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

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

    ReplyDelete
  28. 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
  29. 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
  30. casinosite.zoneSeptember 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
  31. magosucom77September 27, 2021 at 4:15 PM

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


    4YAGKIE

    ReplyDelete
  32. sdgssssOctober 18, 2021 at 10:50 PM

    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
  33. leekim21212October 28, 2021 at 7:30 AM

    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
  34. sòng bạcNovember 28, 2021 at 3:06 AM

    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
  35. 토토사이트December 4, 2021 at 8:58 PM

    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
  36. Belly JamesDecember 17, 2021 at 3:35 AM

    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
  37. Mekouar10December 18, 2021 at 8:11 AM

    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
  38. 우리카지노December 21, 2021 at 2:50 AM

    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
  39. Michael AndrewDecember 21, 2021 at 9:29 AM

    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
  40. 메리트카지노December 21, 2021 at 11:24 PM

    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
  41. 바카라사이트December 22, 2021 at 1:19 AM

    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
  42. baccaratDecember 22, 2021 at 11:44 PM

    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
  43. 메이저사이트추천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
  44. 샌즈카지노December 25, 2021 at 1:41 AM

    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
  45. leoandrew127December 29, 2021 at 9:50 AM

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

    ReplyDelete
  46. FrankDecember 29, 2021 at 1:10 PM

    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
  47. 토토사이트January 14, 2022 at 8:51 AM

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


    https://www.betmantoto.pro

    ReplyDelete
  48. 안전토토사이트January 15, 2022 at 8:12 AM

    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
  49. Royalcasino60May 13, 2022 at 12:20 AM

    Royalcasino60

    ReplyDelete
  50. 메이저놀이터추천August 24, 2022 at 1:08 AM

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

    ReplyDelete
  51. 사설토토사이트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

Subscribe to: Post Comments (Atom)

Search This Blog