{"id":641,"date":"2023-05-08T21:58:25","date_gmt":"2023-05-08T19:58:25","guid":{"rendered":"https:\/\/pb.edu.pl\/siw\/?page_id=641"},"modified":"2023-07-04T10:30:21","modified_gmt":"2023-07-04T08:30:21","slug":"typografia","status":"publish","type":"page","link":"https:\/\/pb.edu.pl\/siw\/ksiega-identyfikacji-wizualnej\/typografia\/","title":{"rendered":"Typografia"},"content":{"rendered":"\n  <div class=\"style-guide\">\n              <div class=\"style-guide-intro\" >\n        <div class=\"columns\">\n              <div class=\"column\">\n                                <h1 style=\"margin-top: 0px !important;margin-bottom: -5px !important\"><strong>Saira<\/strong><\/h1>\n<p>Podstawowy kr\u00f3j pisma<\/p>\n<ul>\n<li style=\"margin-bottom: 0px !important\">sk\u0142ad tekst\u00f3w podstawowych<\/li>\n<li style=\"margin-bottom: 0px !important\">sk\u0142ad nag\u0142\u00f3wk\u00f3w, tytu\u0142\u00f3w i podtytu\u0142\u00f3w<\/li>\n<li>przy sk\u0142adach skomplikowanych struktur tekstowych nale\u017cy pami\u0119ta\u0107 o stosowaniu kilku odmian z rodziny Saira oraz o r\u00f3\u017cnicowaniu wielko\u015bci typografii<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h1 style=\"margin-top: 0px !important;margin-bottom: -5px !important\"><strong>Hanken Grotesk<\/strong><\/h1>\n<p>Pomocniczy kr\u00f3j pisma<\/p>\n<ul>\n<li style=\"margin-bottom: 0px !important\">do tekst\u00f3w w ma\u0142ych wielko\u015bciach ze wzgl\u0119du na wysok\u0105 czytelno\u015b\u0107<\/li>\n<li style=\"margin-bottom: 0px !important\">do opis\u00f3w r\u00f3\u017cnych sekcji w formularzach<\/li>\n<li>tak\u017ce w nag\u0142\u00f3wkach i tytu\u0142ach w celu wyr\u00f3\u017cnienia wybranych tekst\u00f3w<\/li>\n<\/ul>\n                  <\/div>\n        \n    <\/div>\n  <\/div>\n              <div class=\"style-guide-images\" id=\"podstawowy-kroj-pisma\">\n          <div class=\"h4 \" style=\"--width:4;--columns:2\"><h3 style=\"font-weight: 800 !important\">Odmiany kroju Saira:<\/h3><br>Saira + Saira Semi Condensed + Saira Condensed + Saira Extra Condensed<\/div>\n  \n      <div class=\"style-guide-images-row columns-2\">\n              <div class=\"style-guide-image\">\n                      <p class=\"style-guide-image-title\"><h3 style=\"font-weight: 800 !important\">Saira<\/h3><\/p>\n                                <div class=\"style-guide-image-img\">\n              <a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/05\/Saira-zoom-2.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"804\" src=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-zoom2-2.webp\" class=\"attachment-full size-full\" alt=\"Saira - font podstawowy PB\" srcset=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-zoom2-2.webp 544w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-zoom2-2-203x300.webp 203w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><\/a>\n            <\/div>\n                            <\/div>\n              <div class=\"style-guide-image\">\n                      <p class=\"style-guide-image-title\"><h3 style=\"font-weight: 800 !important\">Saira Condensed<\/h3><\/p>\n                                <div class=\"style-guide-image-img\">\n              <a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/05\/Saira-Condensed-zoom-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"804\" src=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-Condensed-zoom2-2.webp\" class=\"attachment-full size-full\" alt=\"Saira Condensed - font podstawowy PB\" srcset=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-Condensed-zoom2-2.webp 544w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-Condensed-zoom2-2-203x300.webp 203w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><\/a>\n            <\/div>\n                            <\/div>\n              <div class=\"style-guide-image\">\n                      <p class=\"style-guide-image-title\"><h3 style=\"font-weight: 800 !important\">Saira Semi Condensed<\/h3><\/p>\n                                <div class=\"style-guide-image-img\">\n              <a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/05\/Saira-Semi-Condensed-zoom-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"804\" src=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-Semi-Condensed-zoom2-2.webp\" class=\"attachment-full size-full\" alt=\"Saira Semi Condensed - font podstawowy PB\" srcset=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-Semi-Condensed-zoom2-2.webp 544w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-Semi-Condensed-zoom2-2-203x300.webp 203w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><\/a>\n            <\/div>\n                            <\/div>\n              <div class=\"style-guide-image\">\n                      <p class=\"style-guide-image-title\"><h3 style=\"font-weight: 800 !important\">Saira Extra Condensed<\/span><\/p>\n                                <div class=\"style-guide-image-img\">\n              <a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/05\/Saira-Extra-Condensed-zoom-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"804\" src=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-Extra-Condensed-zoom2-2.webp\" class=\"attachment-full size-full\" alt=\"Saira Extra Condensed - font podstawowy PB\" srcset=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-Extra-Condensed-zoom2-2.webp 544w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira-Extra-Condensed-zoom2-2-203x300.webp 203w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><\/a>\n            <\/div>\n                            <\/div>\n          <\/div>\n    \n<\/div>\n              <div class=\"style-guide-images\" id=\"dodatkowy-kroj-pisma\">\n        <div class=\"h3\"><h3 style=\"font-weight: 800 !important\">Hanken Grotesk<\/h3><\/div>\n    \n      <div class=\"style-guide-images-row columns-2\">\n              <div class=\"style-guide-image\">\n                                <div class=\"style-guide-image-img\">\n              <a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/05\/Hanken-Grotesk-zoom-1.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"804\" src=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Hanken-Grotesk-zoom2-3.webp\" class=\"attachment-full size-full\" alt=\"Hanken Grotesk - font dodatkowy PB\" srcset=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Hanken-Grotesk-zoom2-3.webp 544w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Hanken-Grotesk-zoom2-3-203x300.webp 203w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><\/a>\n            <\/div>\n                            <\/div>\n          <\/div>\n    \n<\/div>\n              <div class=\"style-guide-images\" id=\"przyklady-zastosowania\">\n        <div class=\"h3\">Przyk\u0142ady zastosowania<\/div>\n    \n      <div class=\"style-guide-images-row columns-1\">\n              <div class=\"style-guide-image\">\n                      <p class=\"style-guide-image-title\">Dyplom<\/p>\n                                <div class=\"style-guide-image-img\">\n              <a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-dyplom-PB-zoom-2.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1087\" height=\"900\" src=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-dyplom-PB-2.webp\" class=\"attachment-full size-full\" alt=\"Typografia - dyplom PB\" srcset=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-dyplom-PB-2.webp 1087w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-dyplom-PB-2-300x248.webp 300w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-dyplom-PB-2-1024x848.webp 1024w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-dyplom-PB-2-768x636.webp 768w\" sizes=\"auto, (max-width: 1087px) 100vw, 1087px\" \/><\/a>\n            <\/div>\n                            <\/div>\n          <\/div>\n    \n<\/div>\n              <div class=\"style-guide-images\" >\n      \n      <div class=\"style-guide-images-row columns-1\">\n              <div class=\"style-guide-image\">\n                      <p class=\"style-guide-image-title\">Wizyt\u00f3wka<\/p>\n                                <div class=\"style-guide-image-img\">\n              <a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-wizytowki-PB-zoom-4.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1036\" height=\"844\" src=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-wizytowki-PB-3.webp\" class=\"attachment-full size-full\" alt=\"Typografia - wizyt\u00f3wki PB\" srcset=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-wizytowki-PB-3.webp 1036w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-wizytowki-PB-3-300x244.webp 300w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-wizytowki-PB-3-1024x834.webp 1024w, https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-wizytowki-PB-3-768x626.webp 768w\" sizes=\"auto, (max-width: 1036px) 100vw, 1036px\" \/><\/a>\n            <\/div>\n                            <\/div>\n          <\/div>\n    \n<\/div>\n              <div class=\"style-guide-images\" id=\"jak-zainstalowac-czcionki\">\n      <div class=\"h2\">Jak zainstalowa\u0107 fonty?<\/div>\n      \n      <div class=\"style-guide-images-row columns-1\">\n              <div class=\"style-guide-image\">\n                                          <div class=\"style-guide-image-text\"><div style=\"width: 670px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-641-1\" width=\"670\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/jak-zainstalowac-czcionke.mp4?_=1\" \/><a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/jak-zainstalowac-czcionke.mp4\">https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/jak-zainstalowac-czcionke.mp4<\/a><\/video><\/div>\n<\/div>\n                  <\/div>\n          <\/div>\n    \n<\/div>\n                <div class=\"style-guide-collapse\" id=\"pliki-do-pobrania\">\n    <div class=\"style-guide-collapse-title\">Typografia - Pliki do pobrania<\/div>\n  <\/div>\n<!-- style-guide-collapse -->\n      <div class=\"style-guide-collapse\">\n      <a class=\"style-guide-collapse-header\" href=\"#collapse-6-0\" role=\"button\" data-toggle=\"collapse\" aria-expanded=\"false\">\n                  <span class=\"style-guide-collapse-header-title\">Wszystkie fonty<\/span>\n                      <\/a>\n      <div id=\"collapse-6-0\" class=\"collapse \" aria-expanded=\"false\">\n        <div class=\"style-guide-collapse-content\">\n                    <p><a class=\"all-files color\" href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Typografia-wszystkie-fonty.zip\" download>pobierz wszystkie (5)<\/a><\/p>\n                                              <div class=\"style-guide-subcollapse\">\n                <div>\n                  <a class=\"style-guide-collapse-header\" href=\"#collapse-6-0-0\" role=\"button\" data-toggle=\"collapse\" aria-expanded=\"false\">\n                                          <span class=\"style-guide-collapse-header-title\">Saira<\/span>\n                                                          <\/a>\n                <\/div>\n                <div id=\"collapse-6-0-0\" class=\"collapse \" aria-expanded=\"false\">\n                  <div class=\"style-guide-collapse-content\">\n                                        <p><a class=\"all-files color\" href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/font-Saira-wszystkie-odmiany-1.zip\" download>pobierz wszystkie (4)<\/a><\/p>\n                                                              <div class=\"files\">\n                                                  <div><a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira.zip\" download>Saira.zip<\/a><\/div>\n                                                  <div><a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira_Condensed.zip\" download>Saira_Condensed.zip<\/a><\/div>\n                                                  <div><a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira_Semi_Condensed.zip\" download>Saira_Semi_Condensed.zip<\/a><\/div>\n                                                  <div><a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Saira_Extra_Condensed.zip\" download>Saira_Extra_Condensed.zip<\/a><\/div>\n                                              <\/div>\n                    \n                    \n\n                  <\/div>\n                <\/div>\n              <\/div>\n                          <div class=\"style-guide-subcollapse\">\n                <div>\n                  <a class=\"style-guide-collapse-header\" href=\"#collapse-6-3-1\" role=\"button\" data-toggle=\"collapse\" aria-expanded=\"false\">\n                                          <span class=\"style-guide-collapse-header-title\">Hanken Grotesk<\/span>\n                                                          <\/a>\n                <\/div>\n                <div id=\"collapse-6-3-1\" class=\"collapse \" aria-expanded=\"false\">\n                  <div class=\"style-guide-collapse-content\">\n                                                              <div class=\"files\">\n                                                  <div><a href=\"https:\/\/pb.edu.pl\/siw\/wp-content\/uploads\/sites\/101\/2023\/06\/Hanken_Grotesk.zip\" download>Hanken_Grotesk.zip<\/a><\/div>\n                                              <\/div>\n                    \n                    \n\n                  <\/div>\n                <\/div>\n              <\/div>\n                              <\/div>\n\n      <\/div>\n    <\/div>\n  <!-- style-guide-collapse -->\n    <\/div>\n  \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":609,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-641","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pb.edu.pl\/siw\/wp-json\/wp\/v2\/pages\/641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pb.edu.pl\/siw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pb.edu.pl\/siw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pb.edu.pl\/siw\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pb.edu.pl\/siw\/wp-json\/wp\/v2\/comments?post=641"}],"version-history":[{"count":0,"href":"https:\/\/pb.edu.pl\/siw\/wp-json\/wp\/v2\/pages\/641\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/pb.edu.pl\/siw\/wp-json\/wp\/v2\/pages\/609"}],"wp:attachment":[{"href":"https:\/\/pb.edu.pl\/siw\/wp-json\/wp\/v2\/media?parent=641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}