ಯಾವುದೇ ಪುಟದಲ್ಲಿ ಫಾಂಟ್ಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ
ಲೈವ್ ಟೈಪ್ಫೇಸ್, ಗಾತ್ರ, ತೂಕ, ಶೈಲಿ ಮತ್ತು ಬಣ್ಣವನ್ನು—ಅಂಶದ ಬಳಿ ಅಥವಾ ಸೈಡ್ಬಾರ್ನಲ್ಲಿ—DevTools ತೆರೆಯದೆ ನೋಡಲು ಪಠ್ಯದ ಮೇಲೆ ಹೋವರ್ ಮಾಡಿ ಮತ್ತು ಕ್ಲಿಕ್ ಮಾಡಿ.
ಯಾವುದೇ ವೆಬ್ಪುಟ ಅಂಶದಲ್ಲಿ ಟೈಪ್ಫೇಸ್ ಮತ್ತು CSS ಟೈಪೋಗ್ರಫಿಯನ್ನು ಗುರುತಿಸಿ—ಕುಟುಂಬ, ಗಾತ್ರ, ತೂಕ, ಸಾಲಿನ ಎತ್ತರ, ಅಕ್ಷರ ಅಂತರ, ಬಣ್ಣ ಮತ್ತು ಕಾಂಟ್ರಾಸ್ಟ್—ನಂತರ ಟ್ಯಾಬ್ ತೊರೆಯದೆ ನಿಮಗೆ ಬೇಕಾದದ್ದನ್ನು ನಕಲಿಸಿ ಅಥವಾ ರಫ್ತು ಮಾಡಿ.
ಲೈವ್ ಟೈಪೋಗ್ರಫಿಗಾಗಿ ನಿರ್ಮಿಸಲಾಗಿದೆ
ಲೈವ್ ಟೈಪ್ಫೇಸ್, ಗಾತ್ರ, ತೂಕ, ಶೈಲಿ ಮತ್ತು ಬಣ್ಣವನ್ನು—ಅಂಶದ ಬಳಿ ಅಥವಾ ಸೈಡ್ಬಾರ್ನಲ್ಲಿ—DevTools ತೆರೆಯದೆ ನೋಡಲು ಪಠ್ಯದ ಮೇಲೆ ಹೋವರ್ ಮಾಡಿ ಮತ್ತು ಕ್ಲಿಕ್ ಮಾಡಿ.
ಒಂದೇ ಪ್ಯಾನೆಲ್ನಲ್ಲಿ ಸಾಲಿನ ಎತ್ತರ, ಅಕ್ಷರ ಅಂತರ, ರೂಪಾಂತರ, ಅಲಂಕಾರ ಮತ್ತು ಕಾಂಟ್ರಾಸ್ಟ್ (AAA/AA ಸೂಚನೆಗಳು ಸೇರಿದಂತೆ) ನೋಡಿ.
ನೀವು ಪರೀಕ್ಷಿಸಿದ ಅಂಶಕ್ಕಾಗಿ ಫಾಂಟ್ ಕುಟುಂಬ, ಬಣ್ಣ ಅಥವಾ ಸಿದ್ಧ CSS snippet ನಕಲಿಸಿ.
ಲೈವ್ ಅಂಶದಲ್ಲಿ ತೂಕ, ಗಾತ್ರ, ಅಂತರ, ಬಣ್ಣ ಮತ್ತು ಇನ್ನಷ್ಟನ್ನು ಸರಿಹೊಂದಿಸಿ, ನಂತರ ಅನ್ವೇಷಣೆ ಮುಗಿದ ನಂತರ ಮರುಹೊಂದಿಸಿ.
ಪುಟದಾದ್ಯಂತ ಅನನ್ಯ ಪಠ್ಯ ಶೈಲಿಗಳನ್ನು ಸ್ಕ್ಯಾನ್ ಮಾಡಿ ಮತ್ತು ಡಿಸೈನ್ ಸಿಸ್ಟಮ್ ಪರಿಶೀಲನೆ ಮಾಡುವಾಗ ಅವುಗಳ ನಡುವೆ ಹೋಗಿ.
ಟೈಪೋಗ್ರಫಿಯನ್ನು SCSS ಅಥವಾ JSON ಆಗಿ ರಫ್ತು ಮಾಡಿ, ಅಥವಾ ನೀವು ಕಂಡ ಕುಟುಂಬಕ್ಕಾಗಿ Google Fonts ಹುಡುಕಾಟ ತೆರೆಯಿರಿ.
ಸರಳ ವಿನ್ಯಾಸ
ಲೈವ್ ಟೈಪೋಗ್ರಫಿ—ಟೈಪ್ಫೇಸ್, ಗಾತ್ರ, ತೂಕ, ಬಣ್ಣ ಮತ್ತು ಕಾಂಟ್ರಾಸ್ಟ್—ತೋರಿಸುವ Chrome ವಿಸ್ತರಣೆ, ಯಾವುದೇ ವೆಬ್ಪುಟದಿಂದ ಫಾಂಟ್ಗಳನ್ನು ಪರೀಕ್ಷಿಸಲು, ನಕಲಿಸಲು ಮತ್ತು ರಫ್ತು ಮಾಡಲು.
Chrome Web Store
ವಿವರಣಾತ್ಮಕ ಪ್ರತಿಕ್ರಿಯೆ placeholders — Chrome Web Store ವಿಮರ್ಶೆಗಳು ಸಂಪರ್ಕಗೊಂಡ ನಂತರ ಇವುಗಳನ್ನು ಬದಲಾಯಿಸುತ್ತವೆ.
“DevTools ತೆರೆಯದೆ ಲೈವ್ ಸೈಟ್ನಿಂದ ಕುಟುಂಬ, ತೂಕ ಮತ್ತು hex ಬಣ್ಣವನ್ನು ಪಡೆಯಬಹುದು.”
“ಒಂದೇ ಪ್ಯಾನೆಲ್ನಲ್ಲಿ CSS ಮತ್ತು ಕಾಂಟ್ರಾಸ್ಟ್ ನಕಲಿಸುವುದು ಪರಿಶೀಲನೆ ಸಮಯದಲ್ಲಿ ನನಗೆ ಬೇಕಾದ್ದೇ.”
“ಪುಟದ ಎಲ್ಲಾ ಫಾಂಟ್ಗಳು ಲ್ಯಾಂಡಿಂಗ್ ಪುಟದಲ್ಲಿ ಅಸಂಗತ ಟೈಪ್ ಅನ್ನು ತ್ವರಿತವಾಗಿ ಗುರುತಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.”
ಮೂರು ತ್ವರಿತ ಹೆಜ್ಜೆಗಳು
Chrome Web Store ನಿಂದ what the font - font finder ಅನ್ನು ಸೇರಿಸಿ ಮತ್ತು ಟೂಲ್ಬಾರ್ಗೆ ಪಿನ್ ಮಾಡಿ.
ಪಾಪ್ಅಪ್ ತೆರೆಯಿರಿ, ಪರೀಕ್ಷೆ ಪ್ರಾರಂಭಿಸಿ, ನಂತರ ಪುಟದ ಯಾವುದೇ ಪಠ್ಯದ ಮೇಲೆ ಹೋವರ್ ಮಾಡಿ ಮತ್ತು ಕ್ಲಿಕ್ ಮಾಡಿ.
CSS ನಕಲಿಸಿ, ಶೈಲಿಗಳನ್ನು ರಫ್ತು ಮಾಡಿ, Google Fonts ತೆರೆಯಿರಿ ಅಥವಾ ಪುಟದ ಎಲ್ಲಾ ಫಾಂಟ್ಗಳನ್ನು ಬ್ರೌಸ್ ಮಾಡಿ.
ಸ್ಥಾಪಿಸುವ ಮೊದಲು ಉತ್ತರಗಳು
what the font - font finder ಅನ್ನು ಸ್ಥಾಪಿಸಿ, ಪರೀಕ್ಷೆ ಪ್ರಾರಂಭಿಸಿ, ಪಠ್ಯದ ಮೇಲೆ ಹೋವರ್ ಮಾಡಿ ಮತ್ತು ಕುಟುಂಬ, ಗಾತ್ರ, ತೂಕ ಮತ್ತು ಬಣ್ಣದೊಂದಿಗೆ ಪ್ಯಾನೆಲ್ ತೆರೆಯಲು ಕ್ಲಿಕ್ ಮಾಡಿ.
ಹೌದು. ಪ್ಯಾನೆಲ್ನಿಂದ ನೀವು ಪರೀಕ್ಷಿಸಿದ ಅಂಶಕ್ಕಾಗಿ ಫಾಂಟ್ ಕುಟುಂಬ, ಬಣ್ಣ ಅಥವಾ CSS snippet ನಕಲಿಸಬಹುದು.
ಇದು ಸಾಮಾನ್ಯ ವೆಬ್ಸೈಟ್ ಟ್ಯಾಬ್ಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ. Chrome ಸಿಸ್ಟಮ್ ಪುಟಗಳು ಮತ್ತು ಕೆಲವು ನಿರ್ಬಂಧಿತ URL ಗಳನ್ನು ಪರೀಕ್ಷಿಸಲಾಗುವುದಿಲ್ಲ.
ಪುಟದ ಎಲ್ಲಾ ಫಾಂಟ್ಗಳು ಬಳಸಿ ಅನನ್ಯ ಗೋಚರ ಪಠ್ಯ ಶೈಲಿಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡಿ ಮತ್ತು ವಿವರ ಪ್ಯಾನೆಲ್ನಲ್ಲಿ ಯಾವುದನ್ನಾದರೂ ತೆರೆಯಿರಿ.
ಹೌದು. ಅಂಶದಲ್ಲಿ ತೂಕ, ಗಾತ್ರ, ಅಂತರ, ಬಣ್ಣ ಮತ್ತು ಸಂಬಂಧಿತ ಶೈಲಿಗಳನ್ನು ಸಂಪಾದಿಸಿ, ನಂತರ ಮೂಲ ಸ್ಥಿತಿಗೆ ಮರುಹೊಂದಿಸಿ.
ಕುಟುಂಬ ಹುಡುಕಬಹುದಾದಂತೆ ಕಾಣಿಸಿದಾಗ, ಆ ಹೆಸರಿನ ಪ್ರಶ್ನೆಯನ್ನು ತೆರೆಯಲು ಪ್ಯಾನೆಲ್ನಲ್ಲಿ Google Fonts ಕ್ರಿಯೆಯನ್ನು ಬಳಸಿ.
ಮುಂದುವರಿಸಿ ಅನ್ವೇಷಿಸಿ